Formatador HTML

O formatador de HTML organiza documentos e fragmentos minificados ou irregulares com recuo consistente e quebras de linha legíveis. Ele aceita documentos completos e fragmentos HTML, inclusive JavaScript e CSS incorporados em elementos script e style.

Escolha tabulações ou espaços, defina a largura de linha, controle a quebra dos atributos HTML e decida como aplicar recuo ao conteúdo incorporado de script e style. O formatador preserva HTML compatível com templates e pode manter quebras de linha existentes quando elas representam uma estrutura útil.

Use a visualização para inspecionar a estrutura renderizada sem sair da página. Scripts, formulários, manipuladores de eventos e recursos externos ficam desativados na visualização por segurança. A formatação, a visualização, a cópia e o salvamento são executados localmente no seu navegador.

Perguntas frequentes sobre o formatador de código

Como formatar código nesta página?

Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.

Por que o formatador pode mostrar um erro?

A entrada deve corresponder à linguagem ou sintaxe selecionada. Verifique instruções incompletas, parênteses ou aspas sem fechamento e um dialeto ou modo incompatível, depois tente novamente.

Como funciona um formatador de código?

Um formatador reconhece tokens e estruturas aninhadas da linguagem e reorganiza recuo, espaços e quebras de linha segundo regras consistentes. Ele não compila nem executa o programa, portanto não substitui uma verificação de correção ou segurança.

Quais configurações são recomendadas para esta linguagem?

2 espaços e quebra automática de atributos são padrões seguros; use 80 colunas para revisões compactas ou 100 para aplicações modernas. Controle recuo, quebra de linhas e atributos, recuo de scripts e estilos, linhas preservadas e HTML interno. A visualização mostra o markup formatado com segurança.