htmlcssnotepad++wysiwyglive-preview

Live Preview / WYSIWYG support for Notepad++?

Anyone know of a way to have a split screen view in Notepad++ where I can be editing my HTML / CSS in one pane/tab and be seeing the Live Preview of what it would look like in a browser in another tab/pane?

Ideally, this would be:

  1. in Notepad++ itself (using native panes/tabs as described above)
  2. the user could configure whatever browser rendering engine (Chrome, FF, IE, etc...) they wanted to view the preview in

However, I could live with any variation of the two above, e.g. simply integrated with RubyMine using external windows/browsers, or maybe, the preview only available with limited rendering engines (only Chrome let's say).

Solution

  • The plugin Preview HTML is the closest match to what your are looking for.

    Go to the Plugins menu and then find the Preview HTML entry to install it. Its description is: Preview HTML files inside Notepad++ (or in a floating window) without having to save them first. The latest update now refreshes the preview automatically after switching tabs, or whenever the document is changed.

    More information in the official website.