If you are a web developer or want to become one, you need a powerful HTML editor. Sure, you could also create a web page with the help of the text editor, but nice and comfortable is different. Particularly important in an HTML editor are, for example, a good coloring of the syntax – the syntax highlighting – and a useful code completion. We present 13 HTML editors.
CoffeeCup is a product that comes in a free and a paid version. CoffeeCup Free is a pure code editor for HTML, Markdown and CSS. It offers syntax highlighting and auto-completion, as well as built-in data transfer to your website via FTP.
Even in its free version, the tool already knows how to manage websites as projects. However, it only checks the corresponding dependencies in the paid version, which is not overly expensive at 29 US dollars. Here you will then find further conveniences, such as validation or cleanup of code, as well as the uncomplicated installation of fonts or media files.
Beyond the HTML editor, CoffeeCup offers a whole universe of other products. Thus, there is also a WYSIWYG editor with a variety of paid extensions. Here you can quickly spend a few hundred US dollars.
The CoffeeCup product range is unfortunately only available for the Windows platform.
Microsoft Visual Studio Code
Visual Studio Code is a free HTML editor from Microsoft. With Visual Studio Code, the Redmond company has a serious product that has managed to gain a fan base within a very short time, which almost makes you forget about the previous favorite, Sublime Text.
Visual Studio Code is not only available for Windows, but also for macOS and even Linux. This allows you to work across platforms with the same level of comfort and functionality.
VS Code can be conveniently extended functionally with extensions. Visual changes can be made using themes, of which there is also a wide variety. VS Code works directly with Github and offers not only exceptionally good syntax highlighting for various languages, but also an advanced variant of code completion.
VS Code is subject to a four-week update cycle. The changelogs are extensive month after month. The product is massively developed further, whereby wishes of the user community are seriously included. In addition to the visual and functional enhancement possibilities, VS Code does not neglect user support. A comprehensive documentation is available and the Redmond company also has the popular tutorial videos at the start.
Atom: A Simple and Light HTML Editor for Github
With the free HTML editor Atom from Github (which now also belongs to Microsoft), the name says it all. Because Atom is completely modular. Around a minimally large program core, open source contributions are grouped in large quantities. These are so-called packages, which can expand the functional range of the tool from Github almost at will.
Atom works directly with Github, so working with version control is seamless. You can add further features via the packages already mentioned, which you can also create yourself and make available to the community.
Furthermore, two groundbreaking packages are available for Atom, which are especially interesting for developers. Atom can now almost be extended to a real IDE. With this you are able to manage complete projects, for example to find out which variable is still present where in the project etc. In addition, the IDE can be enabled with language packages to any programming language.
Atom is available for Windows, macOS and Linux and also enjoys a very active further development.
Sublime Text 3 – The Swiss Army Knife
No other HTML editor has ever experienced such a triumph as Sublime Text. Within a very short time after its release, it conquered the sympathies of professional web developers. This is not least due to the fact that it is available for Windows, macOS and Linux alike.
Its strength is the customizability through extensions and user settings to be made via JSON file. Basically, there is hardly any conceivable requirement that you can’t add by setting or extending it.
With the help of the Packet Manager – which must be installed – extensions can be downloaded and installed very comfortably afterwards.
Due to the high distribution of the editor, there is meanwhile an extensive plugin library; in addition, quite a few plugins that are offered on the websites of the developers.
By the way, hardly any other HTML editor has such a good and comprehensive (unofficial) documentation. Also tutorials for Sublime Text 3 are offered in the Internet in abundance, which shortens the necessary training period considerably.
Sublime Text 3 is not free of charge, but can be evaluated (tested) indefinitely. If you like it, you should purchase a license for 80.- USD for the sake of fairness.
Since the end of September 2017, Sublime Text is officially available in the final version 3. However, due to years of delayed development and lack of compatibility with version 2, Sublime Text has lost a lot of approval and therefore importance.
Google Web Designer
Yes, Google also makes tools for web designers. The Google Web Designer goes more in the direction of Adobe Dreamweaver. It is not a pure HTML editor, but a combined WYSIWYG (What you see is what you get) and text editor.
Work is possible under both interfaces, once in the graphical interface and then also in the code view. The Google Web Designer is intended to generate valid HTML5 and CSS3 code from the graphical interface and is available free of charge for macOS, Windows and Linux.
Bluefish: A Free HTML Editor from OpenOffice
The editor Bluefish is an open source project under the GNU/GPL license and thus really completely free and usable for any purpose at no cost. Bluefish is significantly developed and coordinated by the Dutchman Olivier Sessink, who has made a name for himself as an expert for programming secure computer applications with several publications.
Bluefish is not only a pure text editor with support for dozens of languages, including of course HTML along with syntax highlighting, but offers much more. The tool can manage projects and perform typical project tasks, such as cross-search and replace. The editor is able to edit pages remotely and supports a number of common protocols for this purpose, including (S)FTP and WebDAV.
In addition to autocompletion for most supported languages, Bluefish automatically closes open tags, thus reducing the headache of intensive searching. The Bluefish interface can be operated in 17 languages and installed on Windows, macOS, LInux, FreeBSD, OpenBSD and Solaris platforms alike.
Notepad++: A Tried-and-True Classic
Notepad++ is something like the classic in our overview. It arose from the situation that the editor supplied with Windows was already extremely outdated and important functions were not available.
Notepad++ is able to open multiple files in tabs, offers code completion and good syntax highlighting. A macro recorder, which can be used to automate frequently recurring commands, is also on board. The interface is customizable and there are a lot of plugins available to extend the feature set.