Mit dem Tippen beginnen, Datei öffnen oder Beispiel laden, um die Vorschau zu sehen.
HTML-Editor, HTML-Formatierer und Minifier
Mit diesem Online-Editor lässt sich HTML bearbeiten und dabei als Live-Vorschau verfolgen – inklusive CSS und JavaScript. Code formatieren, minifizieren und prüfen, dann als .html-Datei herunterladen; alles bleibt im Browser.
Zuletzt aktualisiert:
So funktioniert’s
Tippen, einfügen oder öffnen
Code direkt eingeben, Markup einfügen, eine .html-Datei auf den Codebereich ziehen oder mit „Beispiel laden“ starten.
Live-Vorschau beobachten
Die Vorschau ändert sich beim Tippen. Zwischen „Einpassen“, „Desktop“, „Tablet“ und „Mobil“ umschalten.
Formatieren, minifizieren, herunterladen
„Formatieren“ rückt den Code neu ein, „Minifizieren“ verkleinert ihn, „Prüfen“ findet nicht geschlossene Tags. Zum Schluss „.html herunterladen“.
Funktionen
Autovervollständigung und Auto-Schließen
Vorschläge für Tags und Attribute, automatisch eingefügte schließende Tags, Klammerpaare, Code-Faltung sowie Suchen und Ersetzen.
Live-Vorschau in einer Sandbox
Die Seite wird in einem isolierten Rahmen dargestellt. Skripte laufen nur mit „JavaScript ausführen“ und haben selbst dann keinen Zugriff auf diese Website, Cookies oder Speicher.
HTML-Formatierer und Minifier
Unordentliches Markup mit 2 oder 4 Leerzeichen bzw. Tabulator neu einrücken, optional mit Zeilenumbruch – zweimal formatiert ergibt dasselbe Ergebnis. Der Minifier fasst Leerraum zusammen, entfernt Kommentare, verkleinert Inline-CSS und -JavaScript und zeigt die Ersparnis.
Einfache Prüfung und Gerätebreiten
Listet offene und verwaiste Tags, doppelte IDs und Attribute; ein Klick springt zur Zeile. Die Vorschau zeigt 1280, 768 und 375 Pixel oder öffnet sich in einem neuen Tab.
Grenzen & Datenschutz
Dokumente dürfen bis zu 5 MB groß sein. Oberhalb von 2 MB werden Syntaxhervorhebung, Autovervollständigung und Live-Vorschau abgeschaltet, damit die Seite reaktionsschnell bleibt; die Vorschau lässt sich dann mit „Vorschau aktualisieren“ auffrischen. Entwürfe werden nur für Dokumente bis 1 MB gespeichert.
Die Prüfung betrachtet Tag-Struktur, IDs und Attribute – eine vollständige W3C-Validierung ist sie nicht. Formatieren und Minifizieren laufen in einem Web Worker im Hintergrund auf dem eigenen Gerät. Externe Bilder und Styles der Seite lassen sich blockieren. Mehr dazu auf der Datenschutzseite.
Häufige Fragen
Wie kann ich eine HTML-Datei online bearbeiten?
„Datei öffnen“ wählen oder die .html-Datei auf den Codebereich ziehen, Änderungen vornehmen und „.html herunterladen“ klicken. Die Datei wird im Browser gelesen und nie hochgeladen.
Ist der HTML-Editor kostenlos?
Ja, ohne Anmeldung und ohne Wasserzeichen.
Lässt sich HTML auf Mac, iPhone, iPad oder Android bearbeiten?
Ja. Der Editor läuft in Safari, Chrome, Edge und Firefox. Auf dem Smartphone zwischen den Tabs „Code“ und „Vorschau“ wechseln.
Wie bearbeite ich HTML in Chrome oder Firefox ohne Erweiterung?
Einfach diese Seite öffnen: Code-Editor und Live-Vorschau stehen bereit, ohne Erweiterung und ohne Entwicklertools.
Kann ich das HTML einer bestehenden Webseite bearbeiten?
Die Seite im Browser als .html-Datei speichern, hier öffnen und den Code ändern.
Geht mein Code verloren, wenn ich den Tab schließe?
Nein. Dokumente bis 1 MB werden als Entwurf in diesem Browser gespeichert und beim nächsten Besuch wiederhergestellt. „Entwurf löschen“ entfernt ihn.
Führt der Editor JavaScript aus?
Nur wenn „JavaScript ausführen“ eingeschaltet ist. Skripte laufen dann in einer Sandbox ohne Zugriff auf diese Website; friert eine Endlosschleife die Vorschau ein, den Schalter wieder ausschalten.