RevealTheme logo

Formattatore ed abbellitore di HTML

Formatta l'HTML minificato o su una sola riga con rientri e interruzioni di riga adeguati.

Come usare questo strumento

  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.

Che cos'è il formattatore ed abbellitore di HTML?

L'HTML minificato è un'unica lunga stringa: rapido da distribuire ma impossibile da leggere. Questo strumento inverte la minificazione: ogni elemento sulla propria riga, con gli elementi figli rientrati di due spazi in più. Gli elementi vuoti (img, br, input) rimangono in linea. L'output è puramente estetico e viene visualizzato in modo identico.

Casi d'uso comuni

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

Domande frequenti

Conserva gli spazi bianchi all'interno di <pre>?
Il contenuto di testo in linea viene compresso. Per markup con molti <pre>, potrebbe doverlo ripristinare manualmente gli spazi bianchi.

Strumenti correlati