What are some good browser code editors

The 13 Best HTML Editors for Web Developers (Update)

If you are or want to become a web developer, you need a powerful HTML editor. You could of course also create a website with the help of the text editor, but there is another way of making it beautiful and comfortable. Particularly important in an HTML editor are, for example, good syntax coloring - syntax highlighting - and useful code completion. We introduce you to 13 HTML editors.

CoffeeCup

CoffeeCup is a product that is available 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 integrated data transfer to your website via FTP.

You manage code snippets in a corresponding library. Content that you want to use on multiple pages of a website is stored in the Components Library. From here you can update the content centrally. CoffeeCup also knows hundreds of polyfills and JavaScripts to ensure compatibility with older browsers.

Even in its free version, the tool already knows how to manage websites as a project. However, it only checks the corresponding dependencies in the paid version, which is not excessively priced at 29 US dollars. Here you will find further conveniences, such as the validation or cleaning of code, as well as the uncomplicated installation of fonts or media files.

In addition to the HTML editor, CoffeeCup offers a whole universe of other products. There is also a WYSIWYG editor with a large number of chargeable extensions. You can easily spend a few hundred dollars here.

The CoffeeCup product range is only available for the Windows platform.

Link to the website (An account is required for the demo version.)


Test the website on different devices - that's how it works

Once you have created the basis for the website, it still has to be tested. Because what looks great on the 27 ″ iMac can look totally shot on the laptop, iPad or mobile phone.

LambdaTest LT Browser

LambdaTest LT Browser is a developer-centric browser that provides users with a development workspace in which to test the behavior of their website on a variety of devices and viewports.

The browser emulates more than 25 different standard sizes and devices (plus custom viewports), side-by-side debugging, local testing, bug tracking and much more.

LambdaTest LT Browser gives web developers the quickest way to design and develop responsive, high-performance web applications.


Visual Studio Code

Visual Studio Code is a free HTML editor from Microsoft. With Visual Studio Code, the Redmond-based company has a serious product that has developed a fan base within a very short time that almost makes you forget your previous favorite sublime text.

Visual Studio Code is not only available for Windows, but also for macOS and even for Linux. This means that you can work across platforms with the same comfort and functionality.

VS Code can easily be functionally expanded with extensions. You can bring about visual changes using themes, of which there is also a wide variety. VS Code works directly with Github and not only offers extremely 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 being massively developed, with the wishes of the user community being seriously taken into account. In addition to the optical and functional expansion options, VS Code does not neglect user support. Comprehensive documentation is available to them and the Redmond-based company also has the popular tutorial videos at the start.

Link to the website with download (for Windows, Mac OSX and Linux)


atom

With the free HTML editor Atom from Github (which is now also part of Microsoft), the name says it all. Because Atom is completely modular. Open source contributions are grouped in large numbers around a minimally large program core. So-called packages are those that can expand the functionality of the tool from Github almost at will.

Atom works directly with Github so working with version control is seamless. You can retrofit additional features using the packages already mentioned, which you can also create yourself and make available to the community.

Furthermore, there are two groundbreaking packages available for Atom, which are particularly interesting for developers. In fact, recently Atom can almost be expanded into a real IDE. This enables you to manage complete projects, for example to determine which variables are still present where in the project, etc. In addition, the IDE can be enabled with language packages for any programming language.

Atom is available for Windows, macOS and Linux and is also enjoying very active development.

Link to the website with download


Sublime Text 3 - The Swiss Army Knife

No other HTML editor has ever seen such a triumph as Sublime Text. Within a very short time after the release, it won the sympathy 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 adaptability through extensions and user settings to be made via JSON file. Basically there is hardly a conceivable requirement that cannot be added by setting or expanding.

With the help of the Packet Manager - which has to be installed - extensions can then be downloaded and installed very conveniently.

Due to the widespread use of the editor, there is now a comprehensive plug-in library; plus a number of plugins that are offered on the developers' websites.

Incidentally, hardly any other HTML editor has such good and comprehensive (unofficial) documentation. There are also plenty of tutorials for Sublime Text 3 on the Internet, which significantly shortens the familiarization time required.

Sublime Text 3 is not free, but can be evaluated (tested) indefinitely. If you like, in fairness you should purchase a license for 80 USD.

The final version 3 of Sublime Text has been officially available since the end of September 2017. Due to the years of delayed development and the lack of compatibility with version 2, Sublime Text has lost a lot of approval and thus also of importance.

Link to the website with download


Android Studio

Especially for the development of mobile apps, Android Studio is an interesting, free alternative, provided and continuously developed by Google.

The development of the app can be emulated directly in various Android and iOS devices, so that every change in the website or app can be tested immediately.

Frameworks such as Flutter can be seamlessly integrated into the development environment via plug-in. This is how development is fun!

Link to the website with download

Brackets

Brackets is a modern, open source HTML editor with some interesting features. For example, in cooperation with Adobe Creative Cloud Extract (= preview), he can read design data such as color, fonts and gradients directly from a PSD file and convert it into correct CSS code. Layers can also be extracted as an image, information from the PSD can be used as a variable in a preprocessor and the distances and proportions of elements can be easily determined. All of this is possible without having to leave the editor.

Please note: There is a fee to use the Adobe Creative Cloud. The Extract version can be installed directly together with brackets. Since Brackets is part of the Creative Cloud, it is available for Windows and macOS alike.

Another big plus point of brackets are the extensions with which the HTML editor can be adapted to your own needs. New extensions are to be added every three to four weeks. Full support for preprocessors should also be mentioned.

In brackets, you can even use Quick Edit and Live Preview together with LESS and SCSS files, which makes working with them much easier. Together with the right extensions and Adobe Creative Cloud Extract, this editor can cover the needs of professionals.

Link to the website with download


CotEditor

The CotEditor is a resource-saving open source coding alternative for the Mac. It is suitable for people who do not need their editor every day and just need a good editor with syntax highlighting. The CotEditor can practically be understood as Notepad ++ for OS X.

In addition to useful code completion, it also offers a really good "search and replace" functionality, split view for dividing the editor window into several areas, good syntax highlighting for 40 programming languages ​​and comes with 8 themes. A lot can be adjusted for a simple editor, the editor is definitely worth a closer look.

Link to the website with download


Google Web Designer

Yes, Google also makes tools for web designers. The Google Web Designer is 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.

It is possible to work 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.

Link to the website with download


Bluefish

The Bluefish editor is an open source project under the GNU / GPL license and can therefore be used completely free of charge for any purpose. Bluefish is largely developed and coordinated by the Dutchman Olivier Sessink, who has made a name for himself as an expert in programming secure computer applications with numerous publications.

Bluefish is not just a pure text editor with support for dozens of languages, including of course HTML with syntax highlighting, but offers much more. The tool can manage projects and carry out typical project tasks such as comprehensive 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 autocomplete for most of the supported languages, Bluefish automatically closes open tags, reducing the headaches of searching. The Bluefish interface can be operated in 17 languages ​​and installed on the Windows, macOS, LInux, FreeBSD, OpenBSD and Solaris platforms alike.

Link to the website with download


Notepad ++

Notepad ++ is something like the classic in our overview. It arose from the situation that the editor supplied with Windows was extremely old and important functions were not available.

Notepad ++ can open multiple files in tabs, offers code completion and good syntax highlighting. A macro recorder, with which frequently recurring commands can be automated, is also on board. The interface can be adapted to personal needs and there are a lot of plugins available to expand the feature set.

Link to the website with download


Note Tab

NoteTab comes from the software company Fookes Ltd. from Switzerland and is also one of the veterans in the HTML editor industry. Convinced customers, including Harvard University and MIT, have been using this HTML editor from the Swiss mountains since the nineties.

NoteTab is a pure editor, made for editing HTML, XML and CSS. It sees itself as a further development of the well-known NotePad and is also only available for Windows. Of course, you can also write JavaScript or PHP with NoteTab; as a pure text editor, the software does not put any obstacles in your way. However, the editor does not support you further, for example with syntax highlighting or code libraries.

NoteTab is free in its light version, but offers significantly more functions in the paid version for 39.95 euros. In the light version there is actually only one function missing, which is syntax highlighting for HTML and CSS.

Otherwise, NoteTab Light even offers the integration of Twitter's bootstrap, autocomplete, code libraries or project templates without reaching into the user's wallet. Creating and managing your own code snippet collection doesn't cost any money either.

The developers of NoteTab attach great importance to maximum compatibility, so that the software can still run on Windows XP even in the current version. As a result, you unfortunately have to forego the visual enjoyment of modern interface components.

Link to the website with download


PSPad

The developer Jan Fiala from the Czech Republic has been maintaining his free tool PSPad since 2001. In December 2019 there was the last update to version 5.0.2. Not without self-confidence, he describes PSPad as the ultimate editor for software developers and certainly the range of services of the slim helper does not need to hide from alternatives that are subject to a fee.

PSPad supports many programming languages, as well as the markup languages ​​HTML and CSS. The syntax highlighting is carried out consistently and can also be adapted or expanded as required. You can display an HTML preview with a simple press of a button. That is of course comfortable. The capabilities of the program are not limited to individual files.

Rather, PSPad sees itself as a project development environment and, as such, can also search for and replace code locations across multiple files, as well as comparing different file versions with color coding of the differences.

A plug-in interface allows external developers to expand the capabilities of the PSPad. At this point you will find a number of corresponding extensions. If you use the tool to compose website content, you will be pleased that there is a German-language spell checker. An FTP client is also included.

PSPad is available exclusively for the Windows operating system. The program is free of charge. There is also no more powerful, then paid version.

Link to the website with download


Komodo Edit

The free source code editor Komodo Edit, a slimmed-down version of the chargeable development environment Komodo IDE, comes from ActiveState. Komodo IDE is one of the more powerful development environments for programmers. It has its strengths particularly in the area of ​​developing native apps through integration with Cordova and PhoneGap, but web developers are also optimally supported through integration with Gulp, Grunt, Yarn or npm.

Komodo Edit doesn't offer any of that. The tool is actually a pure HTML editor that can be operated in different languages ​​and only has the most important features, such as syntax highlighting and auto-completion on board. Even in the free version, Komodo already offers project management, so that working on your website is not too cumbersome.

Komodo Edit is currently in version 12.0 and is available for free download for Windows, macOS and LInux alike.

Link to the website with download (Windows, Mac OSX, Linux)


You definitely don't want to code? Then check out Mobirise.

The term HTML editor is also used by those who do not allow them to edit HTML at all, but instead offer them a visual environment for web design. If you landed on this post because you are looking for exactly one, you will have noticed by now that you are in the wrong place. So that you don't leave us completely frustrated, I want to introduce you to a tool that has exactly the capabilities you are looking for.

Mobirise is also an editor that you have to install on your hard drive, but it only lets you design pages visually. You can't get to the code at all. Mobirise is extremely powerful and easy to use. If you need a responsive website quickly, you should definitely take a closer look at the free editor Mobirise. It is available for Windows and macOS.


Historic HTML editors who have blessed the time

Aptana Studio 3

The Aptana Studio was once one of the best-known and most comprehensive development environments for Windows, Mac and Linux.

The greatest strengths of the editor were its good adaptability and, above all, the Git integration and the built-in terminal. On the other hand, one of the biggest weaknesses of the Aptana Studio was the sometimes extremely unsatisfactory performance. Aptana Studio 3 supports the latest web standards such as HTML5 and CSS3.Aptana offered an integrated debugger for Ruby and JavaScript.

Arachnophilia

Arachnophilia, penned by the Washington resident Paul Lutus, was interesting in that it also shows moral aspects in addition to the functional. The last version of was released on April 9, 2018.

In the last few years, Lutus created a purely Java-based version of the former Windows program Arachnophilia, which works universally on all operating systems with Java Runtime, because he no longer wanted to support Microsoft.

The HTML editor is not simply open source, it is Careware according to Lutus' definition. The prerequisite for using it is that you stop “howling” and become aware of how beautiful life actually is. Yes, Lutus is serious.

Functionally, Arachnophilia offers home cooking. The indispensable autocomplete is also on board as well as a handsome syntax highlighting. The tool is primarily designed for web development, but it also supports other common programming languages.

An installation program existed for Windows, all other users had to use the JAR archive. Anyone who knows Java applications knows that performance is not one of the fastest that can be found in the wild. But anyone who wanted to follow the moral approach of the lutus could hardly get past Arachnophilia.

SynWrite

SynWrite was one of the first editors with a wide range of functions. The idea behind SynWrite was to combine the good approaches of all editors available on the market in a single one - and this is how the feature list reads. The editor could be expanded at any time with its own plugins - written in Phyton. In addition to the usual functions such as code folding and auto-completion, SynWrite also mastered multiple carrets, for example (see animation above).

This function could prove to be very time-saving. SynWrite also mastered the important Emmet (formerly Zen Coding).

The last version 6.40.2770 was published on August 29, 2017.

jEdit

jEdit could open pretty much any file imaginable, edit it, and colorize the syntax accordingly. It was also possible to open several files as tabs, which made working on a project a lot easier. Options that were not available could be added using plugins.

In the delivery state, however, jEdit already mastered a number of important functions, including code folding, marking related elements and tags, a file manager and a good “search and replace” function. In addition, there was the possibility of adapting and expanding the editor so that jEdit does not need to hide behind the competition.

PlainEdit.NET

PlainEdit could open several files in tabs, was also expandable via plugins and offered a lot of functions, including document and text templates. Snippets (templates, code parts or other texts) could be inserted quickly and easily via a sidebar. In addition, PlainEdit had a good “search and replace” function for texts with regular expressions - even in files that were not open. As a special feature, it should be mentioned that the editor could even be operated from a USB stick. PlainEdit was available in a German translation.

Phase 5

Phase5 was published and developed from 1998 to 2018 and was one of the most famous free editors for Windows.

Some of the features of Phase5 were: project management, tag completion for HTML commands, an integrated image viewer, a syntax debugger, umlaut conversion, an indentation assistant, project-wide replacement of text and user-defined menus and templates.

The HTML editor supports common formats such as PHP, Javascript, HTML, VBScript, JAVA and Pearl. He had a file manager to quickly switch between documents. You could edit several documents at the same time and so on ...

Phase 5 ran under Windows 7 and 8, Vista, XP, 2000, 98 - 32/64 bit and also server versions.

Programmer’s Notepad

Programmer’s Notepad is an editor for Windows and was last updated on January 4, 2017. In addition to syntax highlighting, the editor mastered the handling of code snippets, offers code folding (folding in and out of code for a better overview) and was completely adaptable to one's own needs via PyPN scripting and the use of add-ons.


Conclusion

There are and were a lot of HTML editors for Windows, Mac OSX and Linus, but the good ones are few and far between. Notepad ++ is ideal for non-daily use, but it will not be enough for the daily use of a professional web developer. There are more professional solutions, such as Visual Studio Code and Sublime Text 3, both of which can be comprehensively adapted to personal needs.