RevealTheme logo

HTML-formatter en -beautifier

Formatteert geminificeerde of inline HTML met de juiste inspringing en regeleinden.

Hoe u deze tool gebruikt

  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.

Wat is de HTML-formatter en -beautifier?

Geminificeerde HTML is één lange tekenreeks: snel te leveren maar onleesbaar. Deze tool maakt de minificatie ongedaan: elk element op zijn eigen regel, met de onderliggende elementen twee spaties verder ingesprongen. Lege elementen (img, br, input) blijven inline. De uitvoer is puur esthetisch en wordt identiek weergegeven.

Veelvoorkomende toepassingen

  • 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.

Veelgestelde vragen

Behoudt het de witruimte binnen <pre>?
Inline tekstinhoud wordt samengevouwen. Voor opmaak met veel <pre> moet u de witruimte mogelijk handmatig herstellen.

Gerelateerde tools