Pular para o conteúdo
Toolars
Explorar
Reportar erro

Desenvolvimento · utilitário Local

Formatador HTML

HTML Formatter

Reindente HTML com indentação de 2 ou 4 espaços e quebra em 100 colunas, com análise estrita que aponta erros estruturais localmente.

Caminho da tarefa / da entrada ao resultado

Cole a marcação

Roda localmente · Nada é enviado

Como Formatador HTML funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como formatar HTML

  1. 01

    Cole a marcação

    Cole o código-fonte de até 256 KiB em UTF-8. Selecione dois ou quatro espaços para a formatação.

  2. 02

    Escolha o tamanho da indentação

    Escolha 2 ou 4 espaços. O exemplo já está carregado; a configuração passa a valer ao clicar em Formatar.

  3. 03

    Pressione Formatar

    Clique em Formatar. O parser local ajusta as tags HTML, mas preserva os espaços originais entre textos e o conteúdo bruto de script/style. Confira a página de destino.

  4. 04

    Confira as estatísticas

    Compare os bytes UTF-8 de entrada e saída e a porcentagem economizada. Um valor negativo indica que o resultado cresceu; confira antes de copiar ou baixar.

  5. 05

    Copie ou baixe o resultado

    Use Copiar resultado para a área de transferência ou Baixar para salvar toolars.html — Copiar resultado é o caminho rápido quando a marcação formatada vai direto para um editor ou um comentário de revisão. Redefinir limpa os painéis para o próximo documento.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

Formatador HTML usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

Quando Formatador HTML é útil

Revisões de código

Torne o código-fonte mais fácil de inspecionar antes de compartilhá-lo com outro desenvolvedor.

Artefatos de build

Crie HTML, CSS ou JavaScript compacto sem executar o código-fonte.

Trechos prontos para copiar

Formate um exemplo focado e leve-o direto para a documentação ou um editor.

O que Formatador HTML realmente faz

Um modelo de e-mail gerado em uma linha é difícil de revisar. Formate as tags localmente e compare o resultado com o original na prévia do e-mail, incluindo espaços e estilos incorporados.

Perguntas frequentes

Quais opções de indentação estão disponíveis?
Escolha 2 ou 4 espaços. As tags HTML usam largura de impressão de 100 colunas, mas espaços entre textos e conteúdo de script/style ficam intactos; não há opção de tabulação.
Formatar também valida minha marcação?
O parser pode rejeitar HTML incorreto e indicar a posição, mas não é um validador completo. A análise do navegador, a semântica do modelo e o comportamento do aplicativo ainda precisam de verificação.
Por que a contagem de bytes cresceu depois da formatação?
Mudar espaços ou aspas nas tags pode aumentar os bytes UTF-8; espaços entre textos e o conteúdo bruto de script/style permanecem. Tamanho não prova correção.
A formatação muda o que a página renderiza?
Os espaços originais entre textos e o conteúdo incorporado de script/style são preservados, mas formatar tags não garante a mesma renderização. Compare o modelo no ambiente de destino.
Quais são os limites?
A entrada é limitada a 256 KiB e a saída a 512 KiB. O Worker local tem cinco segundos para iniciar e mais cinco para executar; editar o código ou cancelar interrompe o trabalho.
Minha marcação é enviada para algum lugar?
Não. O código-fonte é analisado dentro de um Worker local e nunca é executado, enviado ou salvo. A aceitação pelo analisador não é correção da aplicação nem compatibilidade com navegadores.

Continuar em Desenvolvimento

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Código para imagem

Code to Image Converter

Exporte código com destaque de sintaxe como PNG ou SVG em seis linguagens, com temas claro e escuro, numeração, título e escala 1x ou 2x.

Criar

Gerador de slug de URL

URL Slug Generator

Transforme títulos em slugs de URL limpos com hífens ou sublinhados — acentos removidos, & expandido, escritas não latinas preservadas — ao vivo.

Criar

Sombras para React Native

React Native Shadow Generator

Compare propriedades de sombra legadas e boxShadow no React Native, ajuste iOS e Android lado a lado e copie o código do StyleSheet.

Criar

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifique texto Unicode em Base64 ou decodifique de volta com validação ao vivo, opções URL-safe e UTF-8 e botão de troca para ida e volta.

Converter