I’m writing this post right now with an application called Tumult HyperEdit. HyperEdit is a relatively light-weight and simple HTML editor whose primary feature is a live, real-time preview pane. It’s no replacement for a tool like Dreamweaver, but it has certainly found its place among my toolset.
The preview pane actually updates as you type, so you have constant visual feedback. I haven’t tried any type of complex layout yet, but so far, for relatively simple HTML documents, I have found the workflow to be a very useful. The preview pane uses Safari’s rendering engine, so it’s very quick and very compliant.
There are a few other nice features like code snippets, PHP support (you can actually execute PHP scripts), and the ability to link to external CSS files. There are a couple of features I would like to see added, though:
- Code completion. Nothing fancy (this thing needs to remain as light-weight as possible, I think), but it would be nice if, when I opened a tag, a closing tag appeared. (To be fair, one can use code snippets to achieve similar functionality.)
- I’d like to be able to have my code snippets in drawer rather than a separate window. The one thing I don’t like about OS X is that you tend to have too many windows floating around.
- I’d like to be able to link to CSS files using a URL rather than having to have them in a local file. It would be nice to be able to write blog posts while referencing my style sheet on my weblog server.
- Finally, if I double click on something in the preview pane, it would be cool if the editing pane jumped to that piece of code.
Don’t let a couple of feature requests discourage you, though. This is a tool definitely worth checking out.