TuFaireSites Editor

TFSEdit is a simple Free and Open-Source Software for absolute beginners in web development that can be used to create and edit HTML, CSS, JS websites; written on Java with OpenJFX and AceEditor. It offers an intuitive graphical interface with a website preview area (WebKit-based, not perfect though), project tree, and an editor component that supports syntax highlighting an autocompletion.

  1. Open a Project (directory)
  2. Reload the opened Project from Disk
  3. Create a new Folder (only if the parent directory is selected in the Tree)
  4. Create a new File (HTML/CSS/JS) (only if the parent directory is selected in the Tree)
  5. Delete the selected File or Folder
  6. Save the Project onto the Disk
  7. Run in the Preview area
  8. Code Generation helper tools
  9. Project Tree view area
  10. Website Preview area
  11. Code editor (currently opened file)

Upon opening your project, you can double-click or press the arrows in the Tree view to fold/expand directories. Single-click a file or a folder to select it, double-click a file to open it in the editor. Upon switching files the previously opened one is automatically saved. If the project has been externally changed, you should reload it before making any edits or opening files in TFSEdit. In order to create a new file, make sure you have selected a directory and entered the full filename with its respective extension. Pressing the run button allows you to preview the currently open HTML file in the Preview area.

You can press F6 to Run the opened file in the Preview area. Also, F9 opens Text Generation and F11 Table Generation helper windows.

The Text Generation helper allows you to select font options, colors, make the text bold or cursive, and generate either <p> or any <h_> tags. The Table Generation window works in a similar way: you can select the number of rows and columns, whether to collapse borders, border style, colors, padding, and some more options in order to generate HTML and CSS template code for a table.

download Linux code Source

Use java -jar <path to .jar file> to run. If you want to compile from source, you can use Maven for that. At the moment, there are no Windows and macOS binaries available, but I may compile them in the future.