Como usar
- Cole seu HTML.
- Escolha HTML ou Vue, a indentação e a largura da linha.
- Clique em Formatar ou pressione Ctrl+Enter (⌘+Enter no Mac).
- Copie o código formatado.
Opções explicadas
- Largura da linha
- Elementos com muitos atributos são quebrados com um atributo por linha quando passariam dessa largura.
- Vue
- Formata componentes de arquivo único .vue — os blocos template, script e style.
Exemplos
Template de e-mail. Cole um e-mail HTML de uma linha só para ver a estrutura das tabelas indentada.
Código-fonte copiado. Formate o código-fonte de uma página para achar a seção que você precisa.
Perguntas frequentes
Por que parte do texto fica em uma linha só?
No HTML, adicionar espaços em branco entre elementos inline pode mudar a aparência da página. O formatador respeita o display CSS de cada elemento e não adiciona espaços que apareceriam na tela.
Ele corrige HTML inválido?
Ele adiciona as tags de fechamento que o HTML permite omitir, como </li> e </p>. Tags fechadas na ordem errada geram um erro com a linha e a coluna, para você corrigir na origem.
Meu código é enviado?
Não. Tudo roda no seu navegador.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.