Come funziona
Riordina e reindenta documenti HTML affinché la gerarchia dei tag sia chiara e coerente. Ideale per disannidare markup minificato, esaminare template altrui o normalizzare lo stile delle tue viste.
Oltre al tipo e alla dimensione di indentazione e al fine riga, consente di controllare come vengono spezzati gli attributi (ad esempio, uno per riga) e la lunghezza massima della riga prima di andare a capo, utile nei tag con molti attributi.
Tutto viene eseguito nel tuo browser con js-beautify e rispetta il contenuto di blocchi come pre e textarea. Formatta la presentazione; non valida l'HTML né chiude i tag mancanti.
Esempi
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Ogni elemento annidato va su una riga propria con il rientro corrispondente.Casi d'uso
- Disannidare e rendere leggibile markup HTML minificato di una pagina.
- Normalizzare l'indentazione dei template prima di un commit.
- Controllare la disposizione degli attributi nei tag con molte proprietà.
- Esaminare frammenti di email o newsletter con tabelle annidate.
Domande frequenti
Cosa fa l'opzione di disposizione degli attributi?
Definisce come vengono disposti gli attributi di un tag: sulla stessa riga, forzati uno per riga o allineati. Utile quando un elemento ha molti attributi e vuoi migliorare la leggibilità.
Il contenuto di pre o textarea viene rovinato?
No. Il formattatore rispetta il contenuto di tag come pre e textarea, dove spazi e interruzioni sono significativi, e non li reindenta.
Valida o corregge l'HTML?
No. Riordina solo l'indentazione e le interruzioni di riga. Non verifica che i tag siano chiusi correttamente né corregge errori di markup.
Il mio codice viene caricato su un server?
No. La formattazione avviene interamente nel tuo browser; il HTML non lascia mai il tuo computer.