#Html code editor with live preview install

I have added shortcuts for some HTML tags like and, which are often found in articles at The Code Project. It also has loads of options that I have surfaced in the Tools | Options dialog. The TextEditor control from #develop has lots of nice features, like undo/redo and syntax highlighting. You must have exactly one editor window open for each document, but you can have any number of preview windows open. There are two types of windows in BobBuilder: editor and preview. The preview pane is a plain old WebBrowser control. The editor is part of #develop from the ic#code people. It's a basic Windows Forms application with Weifen Luo's DockPanel Suite, so you can arrange the panes just how you want them. The setting is:Ĭopy Code Tools | Options | HTML Designer | General | Split views vertically Assembly Instructions Note: As Derek Bartram pointed out in the message board below, Visual Studio 2008 can split the source and design views vertically. Here it is and I hope you find it useful. Visual Studio was the best one I found, but the preview has to be below the HTML, which is not what I want on my widescreen monitors.

#Html code editor with live preview install

I didn't want to install Frontpage 2003 over Office 2007 'just in case!' So, I had a look around for an HTML editor that can show a preview side-by-side with the raw HTML. Office 2007 doesn't contain a version of Frontpage, which I used to use to write articles. This is a short article about an HTML editor I assembled with special support for writing articles at The Code Project. Click image for full screenshot - 306 KB Table of Contents