Playbooks
English

HTML Pretty Printer

Formatiere HTML sauber mit 2-Space-Einrückung, wobei pre-, script- und style-Elemente unverändert in ihrem Original bestehen bleiben. DSGVO-konform.

Wie hilfreich ist dieses Tool?

Ergebnis erscheint hier …

Video: So nutzt du dieses Tool

Das Video wird von YouTube gehostet. Beim Abspielen können Daten an Google übertragen werden.

HTML Pretty Printer

Der HTML Pretty Printer formatiert deinen HTML-Quelltext sauber und übersichtlich. Jedes Block-Element wird auf eine eigene Zeile gesetzt und mit zwei Leerzeichen pro Verschachtelungsebene eingerückt. Inline-Elemente wie span, a oder b bleiben zusammen im Textfluss. So wird auch stark komprimierter HTML-Code schnell lesbar.

Was formatierst du damit?

  • Minifizierten HTML-Quelltext aus CMS, E-Mail-Templates oder Snippets
  • Fremde Quelltexte zum Überprüfen und Weiterverarbeiten
  • Eigenen Markup-Code für saubere Ablage oder Weitergabe

Der Inhalt von pre, textarea, script und style bleibt unangetastet, damit Code und vorgegebener Umbruch nicht zerstört werden. Attribute und ihre Reihenfolge bleiben exakt erhalten. Das Ergebnis kannst du kopieren oder als .html Datei herunterladen.

Arbeitet das Tool lokal?

Ja. Die gesamte Formatierung läuft in deinem Browser. Dein HTML-Code wird nicht an unseren Server übertragen oder gespeichert.

Häufige Fragen

Wie funktioniert die Einrückung?

Block-Elemente wie div, section, ul oder table werden auf eigene Zeilen gesetzt und mit zwei Leerzeichen pro Tiefe eingerückt. Inline-Elemente und Text innerhalb eines Blocks bleiben in einer Zeile zusammen.

Warum bleibt pre-, script- und style-Inhalt unverändert?

In diesen Elementen ist der Umbruch und die Formatierung inhaltlich wichtig, zum Beispiel bei Quellcode oder vorbestelltem Text. Der Formatter lässt sie deshalb exakt so stehen, wie sie eingegeben wurden.

Was passiert mit ungültigem oder unvollständigem HTML?

Das Tool arbeitet tolerant. Nicht geschlossene Tags werden an den passenden Stellen aufgelöst und korrekt eingerückt. Das Ergebnis ist ein lesbarer, neu formatierter Quelltext.