Formatador de HTML
Transforme HTML bagunçado ou minificado em um código limpo e bem indentado.
Como usar Formatador de HTML
- Cole o seu HTML à esquerda.
- A versão formatada aparece à direita.
- Copie o HTML organizado.
Sobre Formatador de HTML
O Formatador de HTML pega um código bagunçado, inconsistente ou minificado e o reescreve como HTML limpo e devidamente indentado. Cole o seu código-fonte à esquerda e a versão formatada aparece à direita, com cada elemento aninhado em sua própria linha e indentado de acordo com sua profundidade. Templates emaranhados em uma única linha e saídas geradas por máquina se tornam, de repente, algo que você realmente consegue ler e revisar.
Por trás dos panos, ele usa o js-beautify, a mesma biblioteca de formatação consolidada, embutida em muitos editores de código e IDEs populares. Isso significa que as regras de indentação são testadas e previsíveis, em vez de um palpite caseiro, fazendo com que o resultado corresponda ao que os desenvolvedores já estão acostumados a ver em suas ferramentas.
A formatação acontece inteiramente no seu navegador, portanto o seu código nunca é enviado a um servidor. Quando estiver satisfeito com o resultado, copie o HTML organizado de volta para o seu projeto. Quando estiver pronto para publicar, o Minificador de HTML o comprime novamente, e para os estilos e scripts que acompanham o seu código, experimente o Formatador de CSS.
Perguntas frequentes
Qual biblioteca o formatador utiliza?
Ele usa o js-beautify, a mesma biblioteca de formatação amplamente adotada e embutida em muitos editores de código e IDEs. Suas regras de indentação são bem estabelecidas e previsíveis, e não uma implementação avulsa e caseira.
Formatar altera o funcionamento da minha página?
Não. Ele apenas adiciona espaços em branco e quebras de linha para tornar o código legível. Os elementos, atributos e conteúdo permanecem inalterados, então a página renderizada se comporta exatamente como antes.
Ele consegue organizar HTML minificado?
Sim. Esse é um dos principais casos de uso. Cole um documento compactado em uma única linha e ele será reindentado em uma estrutura clara e aninhada que você pode ler e editar com facilidade.
Meu HTML é enviado para um servidor?
Não. Toda a formatação acontece no seu navegador, então nada do que você cola sai da página. Isso torna a ferramenta segura para templates internos e código ainda não publicado.
Como faço para comprimir o HTML novamente depois?
Depois de terminar a edição, passe o resultado pelo Minificador de HTML para remover comentários e espaços em branco visando produção, o que reverte o ganho de legibilidade da formatação.