Stimmt etwas mit diesem Tool nicht?

Über „HTML Verschönern (zeilenweise) Online“

Dieses Tool macht aus jeglichem HTML — minifiziert, durcheinander, einfach unsauber — sauberen, gut eingerückten Output mit passenden Abständen. Jedes Tag bekommt nach Bedarf eine eigene Zeile, Attribute werden sauber ausgerichtet, Einrückung folgt der Schachtelung.

Praktisch zum Lesen komprimierten Produktions-HTMLs, Darstellen in Doku/Tutorials, Aufräumen generierten HTMLs vor dem Git-Commit oder Vereinheitlichen über Teammitglieder hinweg.

Void-Tags, Inline-/Block-Elemente, vorformatierter Inhalt (<pre>, <textarea>, <script>) und moderne HTML5-Features werden behandelt. Einrückungsart (Spaces/Tabs) und Breite konfigurierbar.

So nutzt du dieses Tool

Komprimiertes oder zusammengeklebtes HTML schön formatieren

  1. HTML einfügen

    Minifiziertes oder einzeiliges HTML ins Feld «HTML». Ganze Dokumente (mit `<!doctype>`) und Fragmente werden akzeptiert; Kommentare und Inline-`<script>` / `<style>`-Inhalte werden unverändert durchgereicht.

  2. Ausführen

    Ergebnis: einzelnes Feld `formatted` — 2 Leerzeichen Einrückung, ein Tag pro Zeile an strukturellen Stellen, Attribute bleiben in der Zeile des Tags. Lange Zeilen werden nicht automatisch umgebrochen — Selektoren in `class` und `srcset`-Werte bleiben intakt.

  3. Unterschied zu `html-formatter`

    Funktional sind beide austauschbar. Dieses Tool ist für Nutzer, die «HTML beautifier» suchen — wählen Sie, was Ihnen vertraut ist, die Ausgabe ist dieselbe.

  4. Nach dem Beautify

    Für Produktion das Ergebnis nochmal durch einen Minifier (z. B. htmlmin in der Build-Kette). Die beautified Form ist zum Lesen und Code-Review, nicht zum Ausliefern.