Zum Inhalt springen
TextArray
100% lokal

HTML-Formatierer

Formatiere HTML mit sauberer Verschachtelungseinrückung — pre, script und style bleiben unangetastet.

Eingabe
Ausgabe

HTML-Formatierer

Füge minifiziertes, kopiertes oder schlicht unordentliches HTML ein und erhalte es sauber eingerückt zurück: jedes verschachtelte Element rückt um die gewählte Einrückung ein (zwei Leerzeichen, vier Leerzeichen oder Tabulator), leere Elemente wie br, img, input, meta und link gelten als nicht verschachtelnd, und Inline-Elemente wie a, b, em, strong, span und code bleiben auf der Zeile ihres Elternelements, wann immer das ganze Element hineinpasst — kurze Listeneinträge und Links bleiben so kompakt, statt in drei Zeilen zu zerfallen.

Der Formatierer ist bewusst nachsichtig, denn HTML in freier Wildbahn ist fehlerhaft. Falsch verschachtelte oder nicht geschlossene Tags erzeugen nie einen Fehler: ein überzähliges schließendes Tag wird verworfen, ein offenes Element implizit vom Elternelement geschlossen, und der Rest des Dokuments wird bestmöglich formatiert. Der Inhalt von pre, script und style passiert wörtlich — vorformatierter Text behält seine Abstände, eingebettetes JavaScript und CSS werden nie neu eingerückt.

Zwei Aufräumoptionen erledigen das übliche Rauschen. „Leerzeilen zwischen Elementen entfernen" beseitigt die Leerzeilen, die sich beim Kopieren aus Templates ansammeln, und „Leerraum im Text zusammenfassen" macht aus Folgen von Leerzeichen und Umbrüchen in Textknoten ein einzelnes Leerzeichen — nie innerhalb von pre, script oder style. Die Zeile unter der Ausgabe meldet Elemente, Zeilen vorher und nachher und die tiefste Verschachtelung.

Alles läuft lokal in deinem Browser: Seiten, Templates und E-Mail-Markup verlassen deinen Rechner nie. Kopiere das Ergebnis oder lade es als .txt-Datei herunter.

Häufige Fragen

Was passiert mit fehlerhaftem HTML?
Es wird trotzdem formatiert. Ein überzähliges schließendes Tag wird verworfen, ein nicht geschlossenes Element implizit vom Elternelement geschlossen, und ein Fehler erscheint nie — echtes HTML ist selten perfekt, und der Formatierer ist genau dafür gebaut.
Wird der Inhalt von script, style oder pre verändert?
Nein. Der innere Inhalt von pre, script und style passiert Byte für Byte. Vorformatierte Abstände sowie eingebettetes JavaScript und CSS behalten ihr exaktes Original-Layout.
Wann bleiben Inline-Elemente auf einer Zeile?
Inline-Elemente (a, b, i, em, strong, span, code, small, sub, sup) bleiben auf der Zeile ihres Elternelements, wenn das ganze Element bei der aktuellen Einrückung in rund 80 Zeichen passt. Längere Elemente brechen wie Blockelemente in eingerückte Zeilen um.
Was macht „Leerraum im Text zusammenfassen"?
Folgen von Leerzeichen, Tabs und Umbrüchen in Textknoten werden zu einem einzelnen Leerzeichen — so rendert sie der Browser ohnehin. Inhalte in pre, script und style werden nie zusammengefasst.
Wird mein HTML irgendwo hochgeladen?
Nein. Das Tool läuft vollständig in deinem Browser und dein Markup verlässt dein Gerät nie.