Vai al contenuto
ToolMug

Formattatore HTML

Rendi di nuovo leggibile l'HTML. Il formattatore indenta gli elementi annidati, manda a capo i lunghi elenchi di attributi e formatta anche il CSS e il JavaScript dentro i tag style e script.

Funziona nel tuo browser: nulla di ciò che inserisci viene caricato

Come si usa

  1. Incolla il tuo HTML.
  2. Scegli HTML o Vue, il rientro e la larghezza della riga.
  3. Fai clic su «Formatta» oppure premi Ctrl+Enter (⌘+Enter su Mac).
  4. Copia il markup formattato.

Opzioni spiegate

Larghezza riga
Gli elementi con molti attributi vengono suddivisi, con un attributo per riga, quando supererebbero questa larghezza.
Vue
Formatta i componenti single-file .vue — i blocchi template, script e style.

Esempi

Template email. Incolla un’email HTML scritta su una sola riga per vederne la struttura a tabelle indentata.

Sorgente di una pagina copiato. Formatta il sorgente di una pagina per trovare la sezione che ti serve.

Domande frequenti

Perché una parte del testo resta su una sola riga?

In HTML, aggiungere spazi tra elementi inline può cambiare l'aspetto della pagina. Il formattatore rispetta il display CSS di ogni elemento e non aggiunge spazi che comparirebbero sullo schermo.

Corregge l'HTML non valido?

Aggiunge i tag di chiusura che l'HTML permette di omettere, come </li> e </p>. I tag chiusi nell'ordine sbagliato generano un errore con riga e colonna, così puoi correggerli nel sorgente.

Il mio codice viene caricato?

No. Tutto avviene nel browser.

Privacy

Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.

Strumenti correlati