Formatador HTML
Formata código HTML com indentação adequada.
Visão geral
Esta ferramenta imprime HTML de forma legível com o js-beautify, o mesmo motor
por trás de muitas extensões de editor. Os elementos aninhados são indentados em
dois espaços por nível, as tags ficam em linhas sensatas e as linhas em branco
que você já tinha são mantidas. Ela não quebra linhas longas, então tags com
muitos atributos permanecem intactas. É útil para ler o código-fonte de páginas
minificadas, arrumar a saída de um CMS ou de templates de e-mail e normalizar a
marcação antes do diff de uma revisão de código.
Como usar
- Cole sua marcação no campo HTML — entrada minificada ou em uma única linha funciona bem.
- O resultado embelezado aparece no campo Formatted na hora, conforme você digita.
- Copie a saída do campo somente leitura.
Exemplos
-
<div><p>hello</p><span>world</span></div>→<div> <p>hello</p> <span>world</span> </div>
Observações
Isto é um formatador, não um validador: tags não fechadas ou mal aninhadas são
indentadas em regime de melhor esforço, sem avisos. Blocos <script> e <style>
embutidos são indentados junto com o documento. Para HTML sensível a espaço em
branco (layouts com inline-block, conteúdo de <pre>), confira a renderização
depois de formatar.