Die 9 besten kostenlosen HTML-Editoren für Webentwickler (Windows-Edition)

Wer Webseiten entwickeln möchte, braucht einen HTML-Editor. Sicherlich kann man auch mit Hilfe des Windows-Notepads eine Webseite erstellen – schön und komfortabel geht anders. Wichtig bei einem HTML-Editor sind eine gute Einfärbung der Syntax – auch Syntax-Highlighting genannt – und eine brauchbare Code-Vervollständigung. Natürlich wäre das ein oder andere Extra gut, zum Beispiel eine Auswahl an Themes für den Editor. Das kommt dem eigenen Individualismus entgegen und, vorausgesetzt man wählt ein geeignetes Design, erlaubt ermüdungsfreieres Arbeiten über längere Zeit. Schauen wir einfach mal vorurteilsfrei auf unsere Auswahl der acht besten kostenlosen HTML-Editoren für Windows.

die-besten-html-editoren-fuer-windows

Phase 5

Phase5 HTML-Editor für Windows

Phase5 wird seit 1998 beständig weiterentwickelt und ist einer der bekanntesten kostenfreien Editoren für Windows.

Einige Features von Phase5 sind: Projektverwaltung, Tag-Vervollständigung für HTML-Befehle, ein integrierter Bildbetrachter, ein Syntax-Debugger, Umlaut-Konvertierung, ein Einrückassistent, projektweites Ersetzen von Text und benutzerdefinierte Menüs und Vorlagen.

Der HTML-Editor unterstützt gängige Formate wie PHP, Javascript, HTML, VBScript, JAVA und Pearl. Er besitzt einen Dateimanager zum schnellen Wechsel zwischen den  Dokumenten. Du kannst mehrere Dokumente gleichzeitig editieren und so weiter…

Phase 5 läuft unter Windows 7 und 8, Vista, XP, 2000, 98 – 32/64 Bit und auch Server-Versionen.

Link zur Webseite mit Download

Programmer’s Notepad

programmers-notepad

Das Programmer’s Notepad bietet schon mal eine etwas modernere Oberfläche und kommt mit zwei Themes daher, einem hellen und dem abgebildeten dunklen. Neben Syntax Highlighting beherrscht der Editor den Umgang mit Code Snippets, bietet Code Folding (ein Ein- und Ausfalten von Code zur besseren Übersicht) und ist über PyPN-Scripting und die Nutzung von Add-Ons vollständig auf die eigenen Bedürfnisse anpassbar.

Link zur Webseite mit Download

SynWrite

SynWrite HTML-Editor für Windows

SynWrite ist ein ganz spezieller Editor mit einer großen Funktionsvielfalt. Die Idee hinter SynWrite war die Vereinigung der guten Ansätze aller auf dem Markt erhältliche Editoren in einem Einzigen – und so liest sich auch die Feature-Liste. Dabei lässt sich der Editor jederzeit mit eigenen Plugins – in Phyton geschrieben – erweitern. Neben den üblichen Funktionen wie Code-Folding und Auto-Vervollständigung beherrscht SynWrite zum Beispiel auch Multiple-Carrets, siehe Animation:

MCarets

Diese Funktion kann sich als sehr zeitsparend erweisen. Zudem beherrscht SynWrite  das wichtige Emmet (ehemals Zen Coding).

Link zur Webseite mit Download

PlainEdit.NET

PlainEdit.Net

PlainEdit kann mehrere Dateien in Tabs öffnen, ist ebenfalls über Plugins erweiterbar und bietet eine Menge Funktionen, darunter Dokument- und Textvorlagen. Über eine Seitenleiste können Snippets (Vorlagen, Codeteile oder sonstige Texte) schnell und einfach eingefügt werden. Zudem verfügt PlainEdit über eine gute „Suchen und Ersetzen“-Funktion von Texten mit regulären Ausdrücken – auch in nicht geöffneten Dateien. Als Besonderheit sollte erwähnt werden, dass der Editor sogar von einem USB-Stick betrieben werden kann. PlainEdit ist in einer deutschen Übersetzung vorhanden.

Link zur Webseite und Download

Notepad++

Notepad++ HTML-Editor für Windows

Notepad++ ist so etwas wie der Klassiker in unserer Übersicht. Entstanden ist er aus der Situation, dass der bei Windows mitgelieferte Editor bereits extrem in die Jahre gekommen war und wichtige Funktionen nicht bietet.

Notepad++ vermag mehrere Dateien in Tabs zu öffnen, bietet Code-Vervollständigung und gutes Syntax-Highlighting. Ein Makro-Rekorder, mit dem sich häufig wiederkehrende Befehle automatisieren lassen, ist ebenfalls an Bord. Die Oberfläche ist an persönliche Bedürfnisse anpassbar und es stehen eine Menge Plugins zur Erweiterung des Featureset zur Verfügung.

Link zur Webseite und Download

jEdit

jEdit - HTML-Editor für Windows

jEdit kann so ziemlich jede erdenkliche Datei öffnen, bearbeiten und die Syntax entsprechend einfärben. Das Öffnen mehrerer Dateien als Tabs ist ebenfalls möglich und erleichtert die Arbeit an einem Projekt ungemein. Nicht vorhandene Optionen können mittels Plugins ergänzt werden.

jEdit beherrscht aber schon im Auslieferungszustand etliche wichtige Funktionen, darunter Code-Folding, das Markieren zusammenhängender Elemente und Tags, einen Dateimanager und eine gute „Suchen und Ersetzen“-Funktion. Hinzu kommt die Möglichkeit, den Editor anzupassen und zu erweitern, so dass sich jEdit durchaus nicht hinter dem Wettbewerb zu verstecken braucht.

Link zur Webseite und Download

Plattformübergreifende Lösungen

Die beiden nun vorgestellten Lösungen werden für viele Plattformen bereitgestellt und wissen jeweils zu überzeugen. Egal, ob du Linux, Mac OS X oder Windows verwendest, du kannst den HTML-Editor deiner Wahl nutzen.

Sublime Text 2 – Das Schweizer Taschenmesser

Sublime Text 2 HTML-Editor für Windows

Kein anderer HTML-Editor hat jemals einen solchen Siegeszug erlebt wie Sublime Text 2. Innerhalb kürzester Zeit nach Release eroberte er die Sympathien der professionellen Webentwickler. Seine Stärke ist die Anpassbarkeit durch Erweiterungen und per JSON-Datei vorzunehmende Benutzereinstellungen. Grundsätzlich gibt es kaum eine denkbare Anforderung, die man nicht durch Einstellen oder Erweitern zufügen könnte.

Mit Hilfe des „Packet Managers“ – der installiert werden muss – können im Anschluss sehr komfortabel Erweiterungen heruntergeladen und installiert werden.

Bedingt durch die hohe Verbreitung des Editors gibt es mittlerweile eine umfassende Plugin-Bibliothek; dazu etliche Plugins, die auf den Websites der Entwickler angeboten werden.

Übrigens hat kaum ein anderer HTML-Editor eine so gute und umfassende (inoffizielle) Dokumentation. Auch Tutorials für Sublime Text 2 werden im Internet zuhauf angeboten, was die erforderliche Einarbeitungszeit deutlich verkürzt.

Sublime Text 2 ist nicht kostenfrei. Allerdings kann der Editor unbegrenzt evaluiert (getestet) werden. Bei Gefallen solltest du der Fairness halber eine Lizenz für 70.- USD erwerben.

Ein Einblick in den Sublime Text 2 HTML-Editor

Link zur Webseite und Download 

Brackets

Der Brackets HTML-Editor für Mac OS X

Brackets ist ein moderner, quelloffener Editor mit einigen interessanten Funktionen. Zum Beispiel kann er in Zusammenarbeit mit der Adobe Creative Cloud Extract (=Vorschau) Designdaten wie Farbe, Schriftarten, Verläufe und ähnliches direkt aus einer PSD-Datei lesen und in korrekten CSS-Code umsetzen. Ebenso lassen sich Ebenen als Bild extrahieren, Informationen aus der PSD als Variable in einem Präprozessor nutzen und bequem Abstände und Proportionen von Elementen ermitteln. Das alles ist möglich, ohne den Editor verlassen zu müssen.

Bitte beachten: Die Nutzung der Adobe Creative Cloud ist kostenpflichtig. Die Extract-Version kann direkt gemeinsam mit Brackets installiert werden.

Ein weiterer großer Pluspunkt für Brackets sind die Erweiterungen, mit denen der Editor auf die eigenen Bedürfnisse angepasst werden kann. Alle drei bis vier Wochen sollen neue Erweiterungen dazukommen. Erwähnen will ich auch die vollständige Unterstützung von Präprozessoren.

In Brackets kannst du „Schnelles Bearbeiten“ sowie „Live-Vorschau“ sogar zusammen mit LESS- und SCSS-Dateien verwenden, was das Arbeiten damit wesentlich vereinfacht. Zusammen mit den richtigen Erweiterungen und der Adobe Creative Cloud Extract kann dieser Editor auch die Bedürfnisse von Profis abdecken.

brackets-editor-mit-psd-funktion

Eine kurze Vorstellung von Brackets im Video

Link zur Webseite mit Download

Aptana Studio 3

Aptana Studio 3 HTML-Editor für Windows

Das Aptana Studio in der aktuellen Version 3 ist eine der bekanntesten und umfassendsten Entwicklungsumgebungen für Windows, Mac und Linux. In Version 3 wollen die Entwickler auch eine der größten Schwachstellen des Aptana Studios beseitigt haben, nämlich seine zum Teil extrem unbefriedigende Performance.

Die größten Stärken des Editors sind seine gute Anpassbarkeit und vor allem die Git-Integration sowie das eingebaute Terminal. Aptana Studio 3 unterstützt die neuesten Webstandards wie HTML5 und CSS3. Für Ruby und JavaScript bietet Aptana einen integrierten Debugger an.

Link zur Webseite und Download

Fazit

Es gibt eine Menge HTML-Editoren für Windows, doch die guten sind rarer gesät. Für den nicht-täglichen Gebrauch bietet sich Notepad++ an, für den täglichen Gebrauch eines professionellen Webentwicklers wird dieser nicht reichen. Da gibt es professionellere Lösungen, wie zum Beispiel Sublime Text 2, welcher umfassend an persönliche Bedürfnisse angepasst werden kann (aber auch muss). Fans von schlüsselfertigen Lösungen werden womöglich eher mit Aptana, SynWrite oder Programmer’s Notepad glücklich. Was setzt du ein?

Übrigens: für Mac-Nutzer haben wir einen eigenen Beitrag zum Thema geschrieben. Diesen findest du hier >>

 Links zum Beitrag

Dieser Beitrag wurde am 15. Januar 2015 erstveröffentlicht und wird seitdem regelmäßig aktualisiert.

ist freier Journalist, WordPress-Entwickler und Spezialist für WordPress-Sicherheit. Er schreibt seit 2012 für Dr. Web. Auf seinem Blog TechBrain.de schreibt er über das Bloggen und veröffentlicht nützliche WordPress-Snippets.

Sortiert nach:   neueste | älteste | beste Bewertung
Frank
Gast
Was hier nicht zu Wort kommt, das sind die Fähigkeiten der Editoren, ein komplettes Projekt zu erfassen, teils mit hunderten oder tausenden Dateien. Ich arbeite bei größeren Projekten nach wie vor gerne mit Eclipse. Dort zeigt es mir z.B. mit Farbhinterlegung an, wo überall eine Variable im Dokument auftaucht, und auch, wo in welchem anderen Dokument sie definiert wurde (z.B. bei Includes). Solche Programme erfassen die Zusammenhänge in einem Projekt, das funktioniert bei vielen Editoren gar nicht oder nur rudimentär. Und das Syntax-Higlighting gibt es auch in verschiedenen Qualitätsstufen. z.B. bricht ein halbguter Editor bei preg_match_all(“) ab, und zwar wegen… Read more »
Frank
Gast

Ach ja, und diese Kommentarfunktion hier löscht alles raus was irgendwie an HTML erinnern könnte. Dadurch wurde mein Text oben kastriert.

Dieter Petereit
Dr. Web

Ja, sorry, Frank. Da können sich unsere Developer mal mit befassen.

Uwe
Gast

Es gibt noch Atom. Geht in die Richtung von Brackets.

ati
Gast

PSPad nicht vergessen! http://www.pspad.com/

Duisenberg
Gast

Notepad++ ist ein unverzichtbares Tool. Vor allem für kleinere Projekte oder ini bzw. config-Files. Bei größeren Angelegenheiten verbrennst du deine Zeit damit, ewig und immer wieder die Funktionen zu zu klappen. Das geht mit Dreamweaver um einiges besser. Während sich mit Dreamweaver individuell ganze Zeilen unabhängig von Klammern zuklappen lassen, schwächelt Notepad++ beim Ausblenden von HTML.

Chris
Gast

Ich bin genau aus diesem Grund von eclipse zu netbeans und dann zu sublime text 3 gewechselt.

Bei sehr großen Projekten ist das Springen zu den Deklarationen in den ersten zwei IDEs langsam, klemmt manchmal und nervt.

In sublime text gibt es mit Goto Anywhere eine Funktion, die unglaublich viel Zeit spart. Ansehen und ausprobieren!

Sven
Gast

Unglaublich dass hier „die besten“ fehlen: https://www.jetbrains.com/webstorm/

Sven
Gast

Sorry ich habe den Zusatz „kostenlos“ übersehen ;) Ist aber definitiv gut investiertes Geld..

trackback

[…] Die 9 besten kostenlosen HTML-Editoren für Webentwickler (Windows-Edition) […]

Shutter-Art
Gast

Ich frag mich allerdings wieso Sublime Text 2 als kostenlos gelistet wird?

Dieter Petereit
Dr. Web

Steht dabei…

trackback

[…] Der Code ist dabei sehr schlank gehalten. Um die Blogübersicht – meistens die Startseite – zu beeinflussen, muss der Code in der index.php des Themes geändert werden. Bitte machen Sie vor der Bearbeitung der Datei ein Backup. Die Datei bearbeiten Sie bitte nur in einem HTML-Editor. […]

trackback

[…] man kann zum Beispiel auch HTML-Editoren dafür verwenden. Wir haben vor kurzem erst HTML-Editoren für Windows und für Mac OS X vorgestellt. Wer einen Mac besitzt, kann auch das Markdown-Schreibprogramm […]

trackback

[…] Die 9 besten kostenlosen HTML-Editoren für Webentwickler (Windows-Edition) […]

trackback

[…] Zuerst lege bitte eine neue Datei namens customizer.php im Hauptverzeichnis deines Themes an. Du erstellst die Datei entweder mit einem reinen Text-Editor, wie Textedit oder einem HTML-Editor. […]

trackback

[…] den kostenlosen Editor Brackets verwendet, den wir dir in diesem Beitrag vorstellten, findet an dieser Stelle eine entsprechende Erweiterung, um CSS Shapes komfortabel […]

Hugo Wirz
Gast

Diese gratis-Editoren sind ja schön und recht. Hab grad den phase 5.6 installiert. Was mir am meisten fehlt, ist ein wisiwig-Editor mit Live-Vorschaufenster. Ich arbeitete viele Jahre mit Macromedia Dreamweaver MX6, wo ich z.B. Bilder einfach in die Tabelle ziehen kann. Doch jetzt ist meine Lizenz futsch und lässt sich unter Win7-64bit nicht mehr installieren.
–> Gibt es auch unter den Gratiseditoren (oder auch Low-Cost) eine vergleichbare Alternative? M-D kann man sich ja nicht mehr leisten als Hobby Designer…

Dieter Petereit
Dr. Web

Klare und unumwundene Antwort: Nein.

Hugo Wirz
Gast

Hallo Dieter
Ja doch, gibt es: Hab mir (nach meinem post heute Abend) den «Microsoft Expression Web 4» installiert. Ist ja auch gratis. Und ich arbeite schon den ganzen Abend damit, es ersetzt beinahe den Dramweaver! Für meine Zwecke als wisiwig Editor reicht mir das, allen anderen Schnickschnack (Javascrips etc.) baue ich dann im Apdana-Studio ein. Dieses ist eh immer offen wegen meiner hunderten PHP-Seiten.

Also nichts für ungut für meine doofe Anfrage. Für mich hat sich’s vorab erledigt.
Und vielen Dank auch!

Dieter Petereit
Dr. Web

Ahem, Expression Web. Frontpage reanimiert.

Hugo Wirz
Gast
Hallo Dieter Ohhh. ist das peinlich. Ich hatte das Unding vor über 15 Jahren mal benutzt: Für ein einfaches «Hello World» wurden 70 Zeilen Overhead generiert. Mein M-Dreamweaver lief auch bis vor 2 Wochen, bis mir das verd… Win10 über Nacht draufgespühlt wurde. Da ging nur die Hälfte, Rückgängig zu Win7 hats auch nicht mehr hingekriegt. Also Partition neu angelegt und zurück auf Feld 1, alles neu inst. (Win7-64bit) – und seit dem bekomm ich den M-D nicht mehr hin. Aber ich hab mir jetzt eine Virtual Machine (Oracle) mit Win7-32bit eingerichtet, und da läuft er wieder… Obermühsam, man sollte… Read more »
Christoph
Gast

Gestartet habe ich mit Notpad++. Als dann PHP dazukam, bin ich auf Aptana Studio 3 umgestiegen, welches ich zusammen mit XAMPP sehr lange verwendet habe. Aktuell nutze ich Visual Studio Code und einen Buildprozess zusammen mit Browsersync.io

Zauberweib
Gast

Phase5 kann aber nach wie vor kein „UTF-8 ohne BOM“ – richtig? Deshalb bin ich auf Notepad++ umgestiegen. Mit sinnvollen Erweiterungen wie dem Datei-Explorer und WebEdit ist das ein sehr leistungsfähiges Werkzeug für HobbyanwenderInnen. Die Suche-(und Ersetzen-)Funktion lässt keine Wünsche offen und dass es das Ganze auch noch „für unterwegs“ gibt, ist das Sahnehäubchen.

Wer Wert auf gutes Werkzeug legt und dabei auf überflüssigen Schnickschnack verzichten kann, ist mit Notepad++ allerbestens versorgt.

wpDiscuz

Mit der Nutzung unseres Angebots erklärst du dich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anzubieten und die Zugriffe auf unsere Website zu analysieren. Dadurch geben wir nicht personenbezogene Informationen zur Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Nähere Informationen findest du in unserer Datenschutzerklärung. Durch die Weiternutzung unserer Website (oder das ausdrückliche Klicken auf "Einverstanden") gehen wir davon aus, dass du mit der Verwendung von Cookies einverstanden bist.

Schließen