Helping people with computers... one answer at a time.

Editing HTML can be done in anything from Notepad to extremely large and powerful programming packages. What's right for you depends on your needs.

What HTML Editor Should I Use?

This was actually my question as I had some recent discussions with colleagues about HTML, XHTML, validation, and the like. I'm a programmer at heart and a control freak for that matter, so I care not only about the look of my pages but the look and feel of the HTML behind them as well. I edit most all of my HTML by hand so I spend a lot of time looking at it.

The bottom line is that what I was really looking for was a text editor optimized for HTML. I went a little install crazy and downloaded and tried several different products for a few weeks.

To begin with I've been using Visual Studio .NET as my text editor since I joined the Visual Studio development group back in my Microsoft days. It's overkill as "just" text editor but it's a powerful tool. I wrote an article titled "Custom Add-Ins Help You Maximize the Productivity of Visual Studio .NET" for MSDN magazine to illustrate its extensibility.

As you can guess VS.NET has been my HTML editor this entire time - with occasional forays to FrontPage for a quick spellcheck. Now certainly if it doesn't do everything I might want for HTML as my own add-ins article would indicate I could certainly could extend VS.NET to do so. But rather then reinvent the wheel, I took this opportunity to visit existing tools.

Two things prompted me to start looking: validation and a program called HTML Tidy. Tidy is a highly configurable HTML "cleaning" and reformatting tool that can correct many HTML and XHTML issues. The goal of course is to make it easy to have properly validating HTML.

Macromedia Homesite was recommended by a friend and impressed me quite a bit. It's a powerful editor, integrates well with Tidy, and has an integrated validator. Homesite uses javascript as a macro language and additional extensions are available on the Macromedia site. Homesite lists for $99.

Macromedia Dreamweaver is probably the most powerful package I spent time with. It's most compelling feature to me at least is the real-time browser compatibility analysis. Features that work under one browser but not on another are the bane of any designer attempting to produce a truly cross-platform web page and Dreamweaver certainly helps. While there are a lot of plugins available for Dreamweaver, macro creation and editing ability seems missing. Dreamweaver is also the most expensive package I looked at retailing for $399.

TopStyle Pro is technically a CSS editor more than an HTML editor but it does perform the latter job very well. TopStyle was written by the original author of HomeSite and is a very polished package. It integrates with the W3C validators as well as allowing for multiple Tidy configurations. Unfortunately TopStyle has no macro recording or extensibility that I could find. One thing that's fairly interesting is that TopStyle Lite is very often the CSS editor of choice for other HTML Editing tools. TopStyle Pro is $79.95.

Hotdog Pro is another very polished HTML editor. It includes a number of tools for managing images, SQL queries, and Dynamic HTML and does a very nice job of some basic syntax validation as you type. Unfortunately true HTML validation and any type of Tidy-like reformatting were nowhere to be seen. Hotdog Pro is $99.95.

CoffeeCup HTML Editor - I'll admit that I spent perhaps the least time with CoffeeCup than any other editor. The problem for me was the very frustrating non-standard File-Open dialog. I kept expecting it to behave like most every other application I run and it simply would not. Perhaps I'm being short-sighted but after a few minutes trying to manipulate various files I gave up in frustration. CoffeeCup looks promising otherwise; having a library of javascripts, real-time spell checking, built in Tidy-like application, and probably more. Oh, and the Cool and No Way! buttons on every dialog (instead of OK and Cancel) just bugged me after a while.

NoteTab Pro is another nice, lightweight entry into the field. While it doesn't include validation or tidy specifically there is at least embedded support for running tidy externally. Notetab comes in a free "light" version and the Pro version is only $19.95.

Emacs is an incredibly powerful true text editor. On someone's recommendation I downloaded and fired up a copy. I'd used emacs-like editors years ago (though strangely enough, never emacs itself). For true geek-level power editing, emacs is an amazing cross-platform alternative. All that power comes at a price, though. Emacs pre-dates things like gui software and menus so interface is fundamentally keystroke driven and has an incredibly high learning curve. Much like VS .NET, anything it doesn't do natively can be added on with a little work.

HTML-Kit has perhaps the strangest name but is a powerful package. It's very similar to HomeSite in feel. While it doesn't have a macro language built in per se, there's a large library of plug-ins available and the ability to create plug-ins of your own is included. It includes a very clean Tidy function as well. HTML Kit is $55.

All of the editors above do the basics: fundamental text editing and HTML syntax coloring. Some do a better job of recognizing embedded scripting than others. Most have spell checking, shortcuts for common HTML tags, facilities for either editing remote files directly, managing the upload/download process automatically, and much more.

I was really only able to scratch the surface with each editor. In the end I'm going to purchase and run with HTML-Kit with TopStyle Lite as the CSS editor. To put it vaguely, it just feels the most comfortable to me. It's reasonably priced, fast, has most of the features and integration I care about, and is very customizable. It lets me code my HTML without getting in the way - unless I ask it to. I'll be diving deeper into this one and time will tell if I stick with it but I made the most important first cut: I'm spending money.

As I said, I didn't go terribly deep into every editor and there are so many similarities among them that it really does take a deep evaluation to really be complete. If you think I've overlooked something or just have a favorite feature in any of these or another HTML editor then post a comment! You could spur round #2 of my HTML evaluation.

Update: October 17, 2004

A couple of months ago I switched to TopStyle Pro and have been using it happily ever since. In fact, this article is being updated in it right now.

TopStyle is much more than a CSS editor; it is an HTML editor. The combination of a full featured HTML editor, the full CSS editor (which I find incredibly valuable), and the integration with tools such as HTML Tidy and the W3C HTML validator makes for a very well rounded, flexible package.

Article C1899 - March 4, 2004 « »

Share this article with your friends:

Share this article on Facebook Tweet this article Email a link to this article
Leo Leo A. Notenboom has been playing with computers since he was required to take a programming class in 1976. An 18 year career as a programmer at Microsoft soon followed. After "retiring" in 2001, Leo started Ask Leo! in 2003 as a place for answers to common computer and technical questions. More about Leo.

Not what you needed?

12 Comments
leo
May 20, 2004 5:47 PM

html-kit is free....

Warren
September 25, 2004 3:24 PM

I think alot of people overlook or are not aware of the great html wusiwug page maker in Open Office. It is alot like Microsoft Front Page maybe even better in some ways. And Best of all It is Free! http://www.openoffice.org/ I think the whole Open Office program Is awesome! More People should give it a try.

Gray
November 16, 2004 12:20 PM

HTML-Kit IS free and is my personal preference - see my review at
http://www.graydesigns.co.za/review7.htm

Another good package is Webcoder 5 - a bit more spoon-feeding perhaps, and designed for a 17 inch monitor (so I don't use in on my 15 inch, which I reviewed at
http://www.graydesigns.co.za/review8.htm

and for a very simple interface try Crimson Editor - notepad on steroid !

Nikolette
February 5, 2005 7:59 PM

I use Evrsoft's First Page 2000 which is a free editor that I love. It has a bunch of Javascript stuff that I've never used, and some Toolbars that I haven't used either but which I leave on in case I get stuck and need a reminder. I just go in, create a New or open an Existing document and get to it. http://evrsoft.com/

John
May 5, 2005 5:31 PM

I agree that HTML-Kit is a great editor, but I'm wondering who you paid the 55 bucks to. HTML-Kit is completely free

Jeff
June 15, 2005 3:49 PM

Obviously the $55 went to HTML-Kit...

http://www.chami.com/html-kit/register/

Rick Carlson
July 4, 2005 9:48 AM

I have tried First Page as an html editor. It has one major flaw that people should be aware of. It unleases a virus when you install it. Thankfully, Norton Antivirus quarantined it. If you search for comments about First Page on other sites, I've seen them respond that it is a harmless javascript that they installed as a prank. Why would you want to take that chance?

Raul
August 13, 2005 9:02 PM

Just a note on validators:
I find it best to validate my pages using several tools (including W3C and Tidy). Especially now that the W3C validator seems to be having problems, it is good to try other alternatives.

It is also a good idea to try validators for especial browsing, such as accessibility issues. Here is a good compilation of validators:

http://www.netbulge.com/index.php?session=0&action=read&click=open&article=1114367789

Paul Evans
May 22, 2006 9:30 AM

Well really you shouldn't need a HTML editor at all ! :o) All website coding should from now on be done in CSS2 and be XHTML-compliant. The way CSS2 allows us to COMPLETELY disassociate content from design should mean the end of based structures in favour of the visual formatting model. For example, I coded promotion-sejour entirely in notepad !!

Michael Jensen
May 26, 2009 9:57 AM

Nvu is not to be believed (too good to be believed). Give it a try and remember to donate to the project as Nvu is free. All platforms. Both WYSWYG and source editing - select the tab.

littoral
July 30, 2009 8:34 PM

PFE better and simpler (and freer) than these, even though it's been around a long time.

Stas
January 26, 2010 8:38 AM

try also new free HTML editor - Codelobster PHP Edition

Comments on this entry are closed.

If you have a question, start by using the search box up at the top of the page - there's a very good chance that your question has already been answered on Ask Leo!.

If you don't find your answer, head out to http://askleo.com/ask to ask your question.