Saltar para o conteúdo

Formatar HTML

Formate código HTML compacto ou mal indentado para o tornar legível, com o motor de formatação do Prettier, diretamente no navegador.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.

Usa o motor do Prettier, um dos formatadores de código mais usados, para dar ao HTML uma indentação coerente.

Casos de uso

  • Formatar HTML gerado por uma ferramenta ou exportado sem indentação.
  • Preparar um excerto de HTML legível para documentação.
  • Rever visualmente a estrutura de um HTML complexo.

Como funciona

  1. 1

    Cole o HTML

    Escreva ou cole o código HTML na caixa de entrada.

  2. 2

    Formate

    Clique em «Formatar» e copie ou descarregue o resultado.

Detalhes técnicos

  • Aplica as opções predefinidas do Prettier: indentação de 2 espaços e linhas até 80 caracteres. Não são configuráveis.
  • O Prettier respeita os espaços que afetam a apresentação do texto; por isso, às vezes parte as etiquetas de forma pouco habitual (por exemplo, com o > de fecho na linha seguinte).
  • O formatador é carregado na primeira utilização, por isso a primeira formatação demora um pouco mais.

Perguntas frequentes

Executa o HTML ou só o formata?

Só o formata como texto; o HTML nunca é apresentado nem executado, por isso pode colar com segurança código de origem desconhecida.

← Programação