RevealTheme logo

HTML-Formatierer und -Verschönerer

Formatieren Sie minifiziertes oder einzeiliges HTML mit korrekter Einrückung und Zeilenumbrüchen.

So verwenden Sie dieses Tool

  1. 1

    Paste your minified or single-line HTML into the input box.

  2. 2

    Read the indented result that appears below as you type — there is no button to press.

  3. 3

    Select and copy the formatted output from the result panel.

  4. 4

    Spot-check anything with <pre>, <textarea>, comments, or inline scripts, since those are not handled perfectly.

Was ist der HTML-Formatierer und -Verschönerer?

Minifiziertes HTML ist eine einzige lange Zeichenkette: schnell auszuliefern, aber unlesbar. Dieses Tool kehrt die Minifizierung um: jedes Element in seiner eigenen Zeile, mit untergeordneten Elementen um zwei weitere Leerzeichen eingerückt. Leere Elemente (img, br, input) bleiben in der Zeile. Die Ausgabe ist rein ästhetisch und wird identisch gerendert.

Häufige Anwendungsfälle

  • Expanding a minified production HTML page so you can read its structure during debugging.

  • Tidying a snippet copied from a browser's DevTools Elements panel before pasting it into documentation.

  • Re-indenting a fragment of email or marketing HTML that arrived as one long line.

  • Inspecting the nesting and tag hierarchy of unfamiliar markup at a glance.

  • Cleaning up generated or template-output HTML before committing it to a repository.

  • Teaching or reviewing HTML structure where consistent two-space indentation makes nesting obvious.

Häufig gestellte Fragen

Bleiben die Leerzeichen innerhalb von <pre> erhalten?
Inline-Textinhalte werden zusammengefasst. Bei Markup mit vielen <pre>-Elementen müssen Sie die Leerzeichen unter Umständen manuell wiederherstellen.

Verwandte Tools