12

I'm looking for 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 OR simply in another tab/pane.

Ideally:

  • in Notepad++ itself (using native panes/tabs as described above)
  • 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).

1 Answer 1

12

I haven't been able to find the plugin in the NotePad's Plugin Manager, even when looking for "unstable" plugins. So, I found this in another answer on SE...


Closest Match:


Installation

  1. Shutdown Notepad++ if it is running
  2. Download the plugin from HERE
  3. Unpack/unzip to a temp folder
  4. copy the PreviewHTML.DLL file in the root of unpacked folder to the Notepad Plugins folder (usually C:\Program Files (x86)\Notepad++\Plugins)
  5. Relaunch Notepad++
  6. Go to:

    • Menu Bar >
      • Preview HTML >
        • Preview HTML (sub-menu)

    This will launch a floating window title "Preview HTML" which you can dock just like the Clip Library, Function List, Document Map, and many other plugins.

    The window will refresh the preview automatically when you switch tabs, or whenever the document is changes.

3
  • Followed the process, but it resulted in a new window "Select Debugger". Any ideas?
    – user16431
    Aug 22, 2015 at 12:47
  • Can you post a pic of the error Aug 23, 2015 at 15:02
  • Just for the record, this plugin is limited to the Internet Explorer engine only.
    – tomasz86
    Oct 7, 2019 at 2:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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