HTML-Formatierer

Teilt HTML-ähnliche Eingaben in Tags, Kommentare, Deklarationen und Texttoken und setzt sie in eingerückte Zeilen. Verschachtelte Nicht-Void-Elemente ergänzen zwei Leerzeichen je Ebene; bekannte Void- und selbstschließende Tags erhöhen die Einrückung nicht.

Füge Markup ein, prüfe die sofortige Ausgabe und kopiere sie. Reset leert den Editor und stellt das Beispiel nicht wieder her.

Dies ist ein einfacher Tokenformatierer, kein HTML-Parser, Validator, Sanitizer, Barrierefreiheitsaudit oder Browser-Renderer. Er beschneidet Texttoken an den Rändern und repariert weder ungültige Verschachtelung noch fehlende Tags. Spitze Klammern oder tagähnliche Inhalte in script-, style-, template- und eingebetteten Sprachblöcken können falsch behandelt werden; enthaltenes CSS oder JavaScript wird nicht formatiert.

Jedes erkannte öffnende Tag erhöht die Einrückung um zwei Leerzeichen, das passende schließende Tag senkt sie wieder; Void-Elemente wie `<img>` und `<br>` sowie jedes mit `/>` geschriebene Tag erhöhen die Ebene nie, da sie keine Kinder enthalten können.

Beim Einfügen von `<div><p>Hello</p><img src="a.png"></div>` entsteht `<div>` in einer eigenen Zeile, ein eingerücktes `<p>Hello</p>`, ein gleich eingerücktes `<img src="a.png">`, da es void ist, und ein schließendes `</div>` zurück auf Basisebene.

Rendere das formatierte Markup vor der Veröffentlichung in einem echten Browser und achte besonders auf Inline-Elemente neben Text sowie auf script- oder style-Blöcke, da Leerraumänderungen dort den Abstand verändern oder eingebetteten Code beschädigen können.

Bewahre die Quelle auf und teste besonders leerraumsensiblen Inline-Inhalt und eingebetteten Code im Browser. Die Verarbeitung ist lokal; Markup wird nicht hochgeladen.