I'm looking for an HTML editor which shows real-time previews (including CSS but not JS). I'd like to only edit the code "by hand" (not looking for a WYSIWYG editor).

My OS is Ubuntu GNU/Linux. (I prefer FOSS if possible.)

Related:

WebStorm

WebStorm is a very serious tool for web authoring and development. It comes from a company specializing in a family of powerful IDEs for professional programmers.

WebStorm runs on Linux as well as macOS and Windows. A commercial tool, reasonably priced with active development and support.

WebStorm is able to display live updates as you edit a page for instant display rendered in Chrome browser.

Live edit

Live Edit allows you to see page content updates in the browser (Google Chrome only) immediately, without reloading, with the changes you make in your HTML and CSS files. It works as part of the JavaScript debug session.

Brackets

Brackets is made by Adobe and it's under the MIT license (github). It has some neat features including live preview and inline CSS editing.

You can install it from a PPA:

sudo add-apt-repository ppa:webupd8team/brackets
sudo apt-get update
sudo apt-get install brackets

The Atom editor is very good for programming in HTML and CSS. There are several plugin packages to turn Atom into more of an IDE than just an editor. It supports real time preview. I've used Atom extensively for both Python and HTML. Atom is free as are the plugins.

  • This is not an answer. We all know that there might be a plugin for this and there is for sure a mode for Emacs. Without names it takes as much time then googling atom+html+live+preview – Lothar Oct 2 at 16:12

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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