Dieter Petereit 5. Juli 2018

Kostenlose HTML-Editoren: Die 16 Besten für Webentwickler unter Windows

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren...

Webdesigner und Webentwickler, die mit Windows arbeiten, finden durchaus einige kostenlose HTML-Editoren vor. Nur, welcher eignet sich und welcher eher nicht. Wir sagen es dir.

Der HTML-Editor ist ein unverzichtbares Werkzeug, deshalb wähle weise

Wer Webseiten entwickeln möchte, braucht einen HTML-Editor. Sicherlich kannst du auch mit Hilfe des Windows-Notepad eine Webseite erstellen – schön und komfortabel geht indes anders. Besonders 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, damit du dir die Optik des Tools, das du ganzen Tag vor Augen hast, etwas gefälliger gestalten kannst. 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 besten kostenlosen HTML-Editoren für Windows.

Visual Studio Code

Visual Studio Code von Microsoft

Visual Studio Code ist ein kostenloser HTML-Editor aus dem Hause Microsoft. Auch in der Vergangenheit hat sich Microsoft schon häufig durch kostenlose Webentwickler-Varianten ihrer Werkzeuge für den professionellen Entwickler hervorgetan. Leider waren die so entstandenen Tools bislang eher für den Hobby-Anwender und dort nicht mehr als ein akzeptabler Kompromiss.

Erst mit Visual Studio Code zeigen die Redmonder ein ernstzunehmendes Produkt, dass sich innerhalb kürzester Zeit eine Fangemeinde erarbeiten konnte, die den bisherigen Liebling Sublime Text fast schon vergessen lässt. Visual Studio Code gibt es nicht nur für Windows, sondern auch für macOS und sogar für Linux. Damit kannst du plattformübergreifend mit dem gleichen Komfort und Funktionsumfang arbeiten.

VS Code kann mit Extensions bequem funktional erweitert werden. Optische Veränderungen führst du über Themes herbei, von denen es ebenfalls eine breite Vielfalt gibt. VS Code arbeitet direkt mit Github zusammen und bietet nicht nur ein außerordentlich gutes Syntax-Highlighting für diverse Sprachen, sondern auch eine fortgeschrittene Variante der Code-Vervollständigung. Bei der Arbeit mit VS Code habe ich mich schon häufig gewundert, wieso Microsoft dieses Produkt kostenlos abgibt. Aber, wollen wir uns mal nicht beschweren.

VS Code unterliegt einem vierwöchigen Update-Turnus. Die Changelogs sind Monat für Monat umfangreich. Das Produkt wird massiv fortentwickelt, wobei Wünsche der Nutzergemeinde ernsthaft einbezogen werden. Neben den optischen und funktionellen Erweiterungsmöglichkeiten, wird bei VS Code auch die Unterstützung der Verwender nicht vernachlässigt. So steht dir eine umfassende Dokumentation zur Verfügung und auch die beliebten Tutorial-Videos haben die Redmonder am Start.

Link zur Website mit Download

Atom

Atom.io

Beim kostenlosen HTML-Editor Atom ist der Name Programm. Denn Atom ist vollständig modular aufgebaut. Um einen minimal großen Programmkern gruppieren sich Open-Source-Kontributionen in rauen Mengen. Sogenannte Packages sind das, die den Funktionsumfang des Tools aus dem Hause Github fast beliebig erweitern können.

Vom Start weg unterstützt Atom Node.js so weitgehend, dass du sogar eine Node-Instanz direkt aus Atom starten kannst. Atom arbeitet direkt mit Gibthub zusammen, so dass die Arbeit mit Versionskontrolle nahtlos möglich ist. Weitere Features rüstest du über die bereits erwähnten Packages nach, die du im Übrigen auch selbst erstellen und der Communitly zur Verfügung stellen kannst.

Seit kurzem stehen für Atom zwei bahnbrechende Packages bereit, die besonders für Entwickler sehr interessant sein werden. Atom kann nämlich neuerdings fast zu einer echten IDE ausgebaut werden. Damit bist du dann in der Lage, komplette Projekte zu verwalten, um etwa festzustellen, welche Variable wo im Projekt noch vorhanden ist etc. Zusätzlich lässt sich die IDE mit Sprach-Packages zu jeder beliebigen Programmiersprache befähigen.

Atom steht für Windows, macOS und LInux zur Verfügung und erfreut sich ebenfalls einer sehr regen Fortentwicklung.

Link zur Website mit Download

Bluefish

Bluefish: Programmfenster

Der Editor Bluefish ist ein Open-Source-Projekt unter der GNU/GPL-Lizenz und damit wirklich komplett frei und ohne Kosten zu jedem Zweck verwendbar. Bluefish wird maßgeblich entwickelt und koordiniert vom Niederländer Olivier Sessink, der sich mit etlichen Publikationen einen Namen als Experte für die Programmierung sicherer Computeranwendungen gemacht hat.

Bluefish ist nicht nur ein reiner Texteditor mit Unterstützung für Dutzende von Sprachen, darunter selbstverständlich HTML nebst Syntaxhervorhebung, sondern bietet weit mehr. Das Tool kann Projekt verwalten und typische Projektaufgaben, wie übergreifendes Suchen und Ersetzen, ausführen. Der Editor ist in der Lage, Seiten auch entfernt zu bearbeiten und unterstützt zu diesem Zweck eine ganze Reihe gängiger Protokolle, darunter (S)FTP und WebDAV.

Neben der Autovervollständigung für die meisten unterstützten Sprachen schließt Bluefish offene Tags automatisch und sorgt auf diese Weise für weniger Kopfschmerzen durch intensives Suchen. Das Bluefish-Interface kann in 17 Sprachen bedient und auf den Plattformen Windows, macOS, LInux, FreeBSD, OpenBSD und Solaris gleichermaßen installiert werden.

Link zur Website mit Download

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 Website 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 Website 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 Website 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 Website mit 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 Website mit Download

NoteTab

NoteTab: Hauptfenster

NoteTab entstammt der Softwareschmiede Fookes Ltd. aus der Schweiz und gehört ebenfalls zu den Urgesteinen in der Branche der Netz-Editoren. Schon seit den Neunzigern nutzen überzeugte Kunden, darunter die Harvard-Universität und das MIT, den HTML-Editor aus den Bergen.

NoteTab ist ein reiner Editor, gemacht für die Bearbeitung von HTML, XML und CSS. Er versteht sich als Fortentwicklung des bekannten NotePad aus Windows und steht auch ausschließlich für die Windows-Plattform zur Verfügung. Natürlich kannst du auch JavaScript oder PHP mit NoteTab schreiben, als reiner Text-Editor legt dir die Software da keine Steine in den Weg. Sie unterstützt dich allerdings auch nicht weiter dabei, etwa mit Syntax-Highlighting oder Code-Bibliotheken.

NoteTab ist in seiner Light-Version kostenlos, bietet aber in der Bezahlvariante für 39,95 Euro deutlich mehr Funktionen. Dabei fehlt in der Light-Version eigentlich nur eine Funktion relativ schmerzlich, nämlich die Syntax-Hervorhebung für HTML und CSS.

Ansonsten bietet NoteTab Light sogar die Einbindung von Twitters Bootstrap, Autocomplete, Code-Bibliotheken oder Projekt-Templates ohne Griff ins Portemonnaie des Users. Das Anlegen und Verwalten deiner eigenen Codeschnipsel-Sammlung kostet ebenfalls kein Geld.

Die Entwickler von NoteTab legen großen Wert auf maximale Kompatibilität, so dass die Software selbst in der aktuellen Version immer noch auf Windows XP lauffähig ist. Daraus resultiert, dass du auf den optischen Genuss moderner Interface-Komponenten leider verzichten musst.

Link zur Website mit Download

PSPad

PSPad: Hauptfenster

Der Entwickler Jan Fiala aus der tschechischen Republik pflegt sein kostenloses Tool PSPad mittlerweile seit 2001. Im April 2018 gab es das bis dato letzte Update auf die Version 5.0. Nicht ohne Selbstbewusstsein bezeichnet er PSPad als den ultimativen Editor für Softwareentwickler und sicherlich braucht sich der Leistungsumfang des schlanken Helfers nicht vor kostenpflichtigen Alternativen zu verstecken.

PSPad unterstützt sehr viele Programmiersprachen, ebenso wie die Auszeichnungssprachen HTML und CSS. Das Syntax-Highlighting wird durchgängig geleistet und kann zudem nach eigenem Belieben angepasst oder erweitert werden. Mit einem einfachen Tastendruck lässt du dir eine HTML-Vorschau anzeigen. Das ist natürlich komfortabel. Dabei sind die Fähigkeiten des Programms nicht auf einzelne Dateien begrenzt.

Vielmehr versteht sich PSPad als Projekt-Entwicklungsumgebung und beherrscht als solche auch das Suchen und Ersetzen von Code-Stellen über mehrere Dateien hinweg, sowie das Vergleichen verschiedener Dateiversionen mit farblicher Kennzeichnung der Unterschiede.

Eine Plugin-Schnittstelle erlaubt es externen Entwicklern, die Leistungsfähigkeit des PSPad zu erweitern. An dieser Stelle findest du eine ganze Reihe entsprechender Extensions. Wenn du das Tool zum Verfassen von Webseiten-Inhalten verfasst, wird es dich freuen, dass es eine deutschsprachige Rechtschreibprüfung gibt. Ein FTP-Client gehört ebenfalls zum Lieferumfang.

PSPad gibt es exklusiv für das Windows-Betriebssystem. Das Programm ist kostenfrei. Es existiert auch keine leistungsstärkere, dann kostenpflichtige Version.

Link zur Website mit 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 Website mit Download

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. Das liegt nicht zuletzt an der Tatsache, dass er für Windows, macOS und Linux gleichermaßen verfügbar ist.

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.

Seit Ende September 2017 ist Sublime Text offiziell in der finalen Version 3 erhältlich. Aufgrund der jahrelang verschleppten Entwicklung und der mangelnden Kompatibilität zu Version 2 hat Sublime Text indes stark an Zustimmung und somit auch an Bedeutung verloren. Es bleibt abzuwarten, wohin die Reise geht. Ich würde derzeit den Umstieg auf Visual Studio Code oder Atom empfehlen, zumal die beiden genannten kostenlos sind.

Link zur Website mit Download 

Brackets

brackets-editor-mit-psd-funktion

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. Da Brackets Teil der Creative Cloud ist, steht er für Windows und macOS gleichermaßen zur Verfügung.

Ein weiterer großer Pluspunkt an 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ähnt werden will 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 damit die Bedürfnisse von Profis abdecken.

Link zur Website mit Download

Komodo Edit

Komodo Edit im kleinen Schwarzen.

Aus dem Hause ActiveState stammt der freie Quelltext-Editor Komodo Edit, eine abgespeckte Variante der kostenpflichtigen Entwicklungsumgebung Komodo IDE. Komodo IDE ist eine der leistungsfähigeren Entwicklungsumgebungen für Programmierer. Die hat ihre Stärken besonders im Bereich der Entwicklung nativer Apps durch die INtegration mit Cordova und PhoneGap, aber auch Webentwickler werden durch die Integration mit Gulp, Grunt, Yarn oder npm optimal unterstützt.

All das bietet Komodo Edit nicht. Das Tool ist tatsächlich ein reiner Editor, der sich in verschiedenen Sprachen bedienen lässt und nur die wichtigsten Features, etwa Syntaxhighlighting und Autovervollständigung an Bord hat. Auch in der freien Version bietet Komodo bereits die Projektverwaltung, so dass die Arbeit an deiner Website nicht allzu mühselig wird.

Komodo Edit liegt aktuell in der Version 11.1 vor und steht für Windows, macOS und LInux gleichermaßen zum kostenlosen Download bereit.

Link zur Website 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 Website mit Download

Arachnophilia

Arachnophilia ist eine Java-Anwendung.

Arachnophilia, aus der Feder des Washingtoners Paul Lutus, ist insofern interessant, als es neben den funktionalen auch moralische Aspekte zur Schau trägt. Lutus erstellte aus dem einstigen Windows-Programm Arachnophilia in den letzten Jahren eine rein auf Java basierende Version, die universell auf allen Betriebssystemen mit Java- Runtime funktioniert, weil er Microsoft nicht mehr unterstützen will. Er geht sogar so weit, zum Boykott von Microsoft-Produkten aufzurufen.

Arachnophilia ist nicht einfach Open Source, sondern nach Lutus Definition Careware. Voraussetzung für die Nutzung ist es, dass du aufhörst zu „heulen“ und dir bewusst wirst, wie schön das Leben eigentlich ist. Doch, das meint Lutus ernst.

Funktional bietet Arachnophilia Hausmannskost. Das unverzichtbare Autocomplete ist allerdings ebenso an Bord wie eine ansehnliche Syntax-Hervorhebung. Das Tool ist in erster Linie für die Webentwicklung konzipiert, unterstützt jedoch auch gängige Programmiersprachen anderer Couleur.

Für Windows existiert ein Installationsprogramm, alle anderen Nutzer müssen das JAR-Archiv verwenden. Wer Java-Anwendungen kennt, weiß, dass die Performance nicht zum Rasantesten gehört, was in der freien Wildbahn anzutreffen ist. Wer aber dem moralischen Ansatz des Lutus folgen will, kommt kaum an Arachnophilia vorbei.

Link zur Website mit Download

CoffeeCup

CoffeeCup Html-Editor

CoffeeCup ist ein weiteres Produkt, dass es in einer kostenlosen und in einer kostenpflichtigen Version gibt. CoffeeCup Free ist ein reiner Code-Editor für HTML, Markdown und CSS. Er bietet Syntaxhighlighting und Autovervollständigung, sowie den integrierten Datentransfer auf deine Website per FTP.

Codeschnipsel verwaltest du in einer entsprechenden Bibliothek. Content, den du auf mehreren Seiten deiner Website verwendest, speicherst du in der Components Library. Von hier aus kannst du die Inhalte zentral aktualisieren. Zudem kennt CoffeeCup hunderte von Polyfills und JavaScripts, um die Kompatibiltät zu älteren Browsern sicherzustellen.

Das Tool kennt auch in seiner kostenlosen Version bereits die Verwaltung von Webseiten als Projekt. Die entsprechenden Abhängigkeiten prüft es allerdings erst in der kostenpflichtigen Variante, die mit 49 US-Dollar nicht übermäßig hoch bepreist ist. Hier findest du dann weitere Annehmlichkeiten, wie etwa die Validierung oder Bereinigung von Code, sowie den unkomplizierten Einbau von Fonts oder Mediendateien.

Über den HTML-Editor hinaus bietet CoffeeCup ein ganzes Universum weiterer Produkte an. So gibt es auch einen WYSIWYG-Editor mit einer Vielzahl kostenpflichtiger Erweiterungen. Hier kannst du schnell ein paar Hundert US-Dollar ausgeben. Leider wird CoffeeCup im Netz vielfach als kostenloser WYSIWYG-Editor bezeichnet. Das ist eine Falschaussage, Fake News ;-)

Die CoffeeCup-Produktpalette gibt es ausschließlich für die Windows-Plattform.

Link zur Website mit Download

Du willst auf keinen Fall coden? Dann schau dir Mobirise an

Der Begriff HTML-Editor wird auch von jenen verwendet, die dir damit das Editieren von HTML gar nicht erlauben, sondern dir stattdessen eine visuelle Umgebung für das Webdesign bieten. Solltest du entsprechend auf diesem Beitrag gelandet sein, weil du genau einen solchen suchst, wirst du inzwischen gemerkt haben, dass du am falschen Ort bist. Damit du uns nicht komplett frustriert wieder verlässt, will ich dich mit einem Werkzeug bekannt machen, das genau die Fähigkeiten hat, die du suchst.

Mobirise ist ebenfalls ein Editor, den du auf deiner Festplatte installieren musst, er lässt dich aber Seiten nur visuell gestalten. An den Code kommst du gar nicht ran. Dabei ist Mobirise extrem performant und einfach zu bedienen. Wenn du eine responsive Website schnell benötigst, solltest du dir den kostenlosen Editor Mobirise auf jeden Fall näher ansehen. Er steht für Windows und macOS zur Verfügung.

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. Ich setze seit einiger Zeit auf Visual Studio Code. Das wird Paul Lutus gar nicht gerne hören. Was setzt du ein?

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

 Links zum Beitrag

  1. Visual Studio Code
  2. Atom
  3. Phase5 HTML-Editor
  4. Bluefish
  5. Programmer´s Notepad
  6. SynWrite Editor
  7. PlainEdit.NET
  8. Notepad++
  9. NoteTab
  10. jEdit HTML-Editor
  11. Sublime Text 2
  12. Adobe Brackets
  13. Komodo Edit
  14. Aptana Studio 3
  15. Arachnophilia
  16. CoffeeCup
  17. Mobirise

Dieser Beitrag wurde am 15. Januar 2015 erstveröffentlicht und wird seitdem regelmäßig aktualisiert, zuletzt am 05. Juli 2018.
(Quelle Artikelbild: Depositphotos)

Dieter Petereit

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich zu den Themenfeldern Technik und Design. Man findet ihn auch auf Twitter und Google+.
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

35 Kommentare

  1. Sehr ausführliche Zusammenstellung, da ist für jeden etwas dabei.
    Meine erste Webseite habe ich mit Phase 5 erstellt und dabei gleichzeitig Webentwicklung gelernt. Dann bin ich auf WordPress umgestiegen, da die Welt dort einfacherer für normale Blogs ist.
    Aktuell verwende ich für ein HTML-Projekt Brackets und bin damit zufrieden
    Für Lokale Arbeiten, ohne alles hochladen zu müssen, nutze ich dabei Xampp.
    Sublime Text 2 hatte ich nur kurz ausprobiert, werde es mir jetzt aber noch einmal ausgiebig anschauen.

  2. Nutze ebenfalls nur Notepad++, wie schon in den Kommentaren vor mir geschrieben, ist das Tool unverzichtbar für alle die was mit css, html oder php machen, weil man ganz einfach und farblich die Struktur angezeigt bekommt.

  3. EditPlus fehlt leider – der ist so schön schlank und anpassbar…

  4. Vielen Dank Herr Petereit für diesen umfassenden Artikel. Gerade weil sie im letzten Absatz noch einen rein visuellen Editor erwähnt haben, würde ich Pinegrow als Hybriden, der sowohl per Drag and Drop als auch per integrietem Code Editor arbeiten lässt, nicht unerwähnt lassen.

  5. Vielen Dank für die Auflistung. Ich bin tatsächlich gerade auf der Suche und arbeite zurzeit mit Notepad++ aber überlege die ganze Zeit ob ich mir einen kostenpflichtigen Editor anschaffe. Ich hatte Dreamweaver bzw. die Adobe Creative Cloud ins Visier genommen. Oder gibt es da vergleichbare kostenlose Lösungen zu?

    • Als kostenpflichtige Alternative kann ich WebStorm (bzw für PHP Entwicklung dann PhpStorm) von Jetbrains empfehlen. Kannst ja mal 30 Tage kostenlos schauen obs dir gefällt. Sonst finde ich VisualStudio Code als kostenlose Alternative gut, hat auf jeden Fall mehr Komfort als Notepad++

      • Kostenpflichtige Alternativen sind keine Mangelware. Meiner Meinung nach braucht es allerdings für die HTML-Entwicklung mit reinem Code keine kostenpflichtige Variante.

  6. 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.

  7. 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

  8. 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…

    • Klare und unumwundene Antwort: Nein.

      • 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!

      • Ahem, Expression Web. Frontpage reanimiert.

      • 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 Microsoft wegen Nötigung anzeigen!!!!

        Vielen Dank für deinen wertvollen Tipp!
        Gruss, Hugo

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

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

  11. 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!

  12. 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.

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

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

  15. 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 diesem ?>. Der Rest des Codes ist dann grau.
    Gute Editoren erkennen die Programmfunktion.

    • Danke für den Kommentar. Sollten nochmals HTML-Editoren vorgestellt werden, dann legen wir auch unsere Aufmerksamkeit auf die Projektverwaltung, dass ist eine gute Anregung.

      Ob diese dann jedoch auch mit hunderten oder gar tausenden Dateien umgehen können oder nicht, kann von uns schlecht getestet werden. Das Syntax-Highlighting können wir jedoch problemlos testen. Also, Anregungen sind angekommen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

Cookies

Weitere Informationen zu den Auswahlmöglichkeiten findest du hier. Dazu musst du zunächst keine Auswahl treffen!

Um Dr. Web zu besuchen, musst du eine Auswahl treffen.

Deine Auswahl wurde gespeichert!

Informationen zu den Auswahlmöglichkeiten

Was du erlaubst!

Um fortfahren zu können, musst du eine Auswahl treffen. Nachfolgend erhältst du eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Ich stimme zu:
    Du erlaubst uns das Setzen aller Cookies, die wir in unseren Datenschutzhinweisen genannt haben. Dazu gehören Tracking- und Statistik-Cookies. Aus dem Tracking per Google Analytics bieten wir auf der Seite Datenschutz ein Opt-Out, also die Möglichkeit der Abmeldung, an.
  • Ich stimme nicht zu:
    Wir verzichten bei dieser Option auf den Einsatz von Google Analytics. Die für den Betrieb von Dr. Web notwendigen Cookies werden aber dennoch gesetzt. Einzelheiten entnimmst du bitte den Datenschutzhinweisen

Du kannst deine Cookie-Einstellungen jederzeit hier ändern: Datenschutz. Impressum

Zurück