Formatadores de código

HTML Formatter

Analisa e formata documentos HTML completos e fragmentos comuns com Prettier.

Prima Ctrl / ⌘ + Enter para executar
Resultado só de leitura

Analisa e formata documentos HTML completos e fragmentos comuns com Prettier.

O que esta ferramenta faz

O HTML Formatter utiliza o analisador HTML do Prettier e plug-ins relacionados para construir árvores de sintaxe em vez de depender de expressões regulares para quebrar linhas à vontade. Os códigos incorporados em script e estilo são também tratados pelos plug-ins de análise correspondentes.

  • O código é analisado apenas como uma string, não inserido no DOM, nem colocado num iframe executável.
  • Suporta documentos completos e excertos de HTML comuns.
  • Os erros de análise exibem mensagens específicas e preservam a entrada.

Como utilizar

  1. Cole o documento ou o snippet HTML.
  2. Escolha recuo de 2 ou 4 espaços.
  3. Clique em “Formatar HTML”.
  4. Copie os resultados ou descarregue o ficheiro formatted.html.

Utilizações comuns

  • Organize modelos compactados.
  • Unifique o recuo e o agrupamento de atributos antes da revisão do código.
  • Verifique se existem problemas evidentes na estrutura do rótulo.

Funcionalidades do HTML Formatter

Utilize o Prettier para analisar e formatar HTML, suportando documentos completos e excertos de código comuns. É adequado para cenários diários de desenvolvimento, depuração, classificação de dados e otimização de código. Os resultados do processamento podem ser visualizados, copiados ou descarregados diretamente.

FAQ

A ferramenta executará o script?

Absolutamente não. O HTML é simplesmente passado para o analisador de formatação como texto e os resultados também são apresentados em caixas de texto de leitura apenas.

Porque é que o estilo de saída é diferente do texto original?

O Prettier utiliza regras de formatação consistentes e determinísticas, possivelmente reagrupando atributos ou formatando algumas tags.

Uma página que contenha estilo e script pode ser formatada?

Sim, a página carrega plug-ins de análise de HTML, CSS e JavaScript on-demand para lidar com conteúdo incorporado comum.

Voltar às Ferramentas para programadores