I am searching for an HTML, PHP and CSS editor that would offer a live preview of the code I write. I currently use "Inspect Element" to program my website, I first code it in the Inspect Element and then I copy and paste the code to Notepad++ which is kind of annoying and there is another problem: I sometimes accidentally click links and all of the changes I have made are gone!

Is there any actual Live Preview code editor for Windows that is free?

  • That is not a WYSIWYG editor, that sounds more like a live preview – Duarte Farrajota Ramos Apr 23 '18 at 0:16
  • Duarte Farrajorta Ramos, WYSIWYG is What You See is What You Get, which is the same thing as live preview, but it is now commonly referred to as a rich text editor :/. – John Doe Apr 25 '18 at 17:13
  • It is not the same thing. In a WYSIWYG editor you don't (have to) write code directly, there is no need for a preview, you work directly over the final result. Bluegriffon is an example of a WYSIWYG HTML editor, rich text editors (like Word or LO Writter) are also mostly WYSIWYG. Live previews explicitly imply a separate preview pane – Duarte Farrajota Ramos Apr 25 '18 at 17:20
  • Okay, but do you know any of the Live Preview programs? – John Doe Apr 25 '18 at 17:40
  • Have you seen the link on my first comment? – Duarte Farrajota Ramos Apr 25 '18 at 20:25

Here are a few options:

  1. Paid - Adobe Dreamweaver Link to site A
  2. Free - Atom Link to site enter image description here
  3. Freemium (with paid license key) - Sublime Text Link to site enter image description here

There are many more options not listed but these are just a few to look at.

Hope this helps!

  • Note that Sublime Text is not free, from their site: Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. – albert Apr 28 '18 at 17:23
  • @albert That's a very good point! Thanks for the clarification! I'm changing my answer info right now! – Gabriel Wolf Apr 28 '18 at 18:07
  • I tried using Atom, but the HTML Preview package doesn't really seem to work. Do you know any package for it that does the live preview? Thank You. – John Doe Apr 30 '18 at 9:57

Brackets is another free (as in beer) and open source text editor with built-in live preview that is worth trying. Unfortunately, Atom (which was my favorite editor up until not too long ago) consumes a whole lot of RAM (~400 MB) on start-up with only a few plugins installed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.