Ir para o conteúdo
TextArray
Totalmente local

Formatador HTML

HTML de impressão bonita com recuo de aninhamento adequado, sem nunca tocar no conteúdo pré, script ou estilo.

Entrada
Saída

Formatador HTML

Cole HTML minificado, copiado ou apenas confuso e recupere-o corretamente recuado: cada elemento aninhado entra pelo recuo escolhido (dois espaços, quatro espaços ou tabulações), elementos vazios como br, img, entrada, meta e link são tratados como não aninhados e elementos embutidos como a, b, em, forte, span e código permanecem na linha de seu pai sempre que o elemento inteiro cabe - então itens de lista curta e links permanecem compactos em vez de explodir em três linhas cada.

O formatador é deliberadamente indulgente, porque o HTML em estado selvagem está malformado. Tags incompatíveis ou não fechadas nunca produzem um erro: uma tag de fechamento perdida é descartada, um elemento não fechado é fechado implicitamente por seu pai e o restante do documento é formatado da melhor maneira possível. O conteúdo dos elementos pré, script e estilo passa literalmente - seu texto pré-formatado mantém seu espaçamento e seu JavaScript e CSS incorporados nunca são recuados ou refluídos.

Duas opções de limpeza lidam com o ruído normal. "Remover linhas em branco entre elementos" remove as linhas vazias que se acumulam quando a marcação é copiada dos modelos, e "Recolher espaços em branco no texto" transforma execuções de espaços e quebras de linha dentro de nós de texto em espaços únicos - nunca dentro de pré, script ou estilo. A contagem sob a saída relata elementos, linhas de entrada e saída e o nível de aninhamento mais profundo.

Tudo funciona localmente no seu navegador: páginas, modelos e marcação de e-mail nunca saem da sua máquina. Copie o resultado ou baixe-o como um arquivo .txt.

FAQ

O que acontece com HTML malformado?
Ele formata de qualquer maneira. Uma tag de fechamento perdida é descartada, um elemento não fechado é implicitamente fechado por seu pai e nenhum erro é mostrado - o HTML do mundo real raramente é perfeito e o formatador é construído para isso.
Meu roteiro, estilo ou pré-conteúdo serão alterados?
Não. O conteúdo interno dos elementos pré, script e estilo passa byte por byte. Espaçamento pré-formatado, JavaScript e CSS incorporados mantêm seu layout original exato.
Quando os elementos embutidos permanecem em uma linha?
Os elementos embutidos (a, b, i, em, strong, span, code, small, sub, sup) permanecem na linha pai quando o elemento inteiro cabe em cerca de 80 caracteres no recuo atual. Elementos mais longos se dividem em linhas recuadas como qualquer elemento de bloco.
O que "Recolher espaços em branco no texto" faz?
Execuções de espaços, tabulações e quebras de linha dentro de nós de texto tornam-se um único espaço, que é como os navegadores os renderizam. O conteúdo dentro do pré, script e estilo nunca é recolhido.
Meu HTML é carregado em algum lugar?
Não. A ferramenta é executada inteiramente no seu navegador e sua marcação nunca sai do seu dispositivo.