Como formatar e limpar texto e código
Embeleze e minifique JSON, JavaScript, HTML, CSS e SQL com um clique — tudo no navegador, com padrões sensatos que combinam com o que seu linter espera.
Mais utilitários que combinam com este guia:
Por que isso importa
Um dev backend cola um JSON de 4 KB do chamado do cliente numa linha só. Não dá para ver se falta campo ou enum renomeado errado. Trinta segundos no formatador e a estrutura aparece: typo em currrency (três r) é o bug. Esse é o valor diário da formatação — transformar blobs ilegíveis em algo raciocinável.
Formatação também serve como âncora de estilo: com os mesmos defaults, reviews param de disputar espaço em branco e focam na lógica.
Três cenários reais
Cole JSON numa linha, embeleze com indent 2 espaços e ache o campo malformado na hora.
Diagnóstico em segundos
Cole HTML/CSS editado manualmente, clique Minificar e publique artefato mais enxuto.
Arquivo menor
Cole SELECT flat em uma linha, formate no perfil SQL e veja joins, filtros e agregações legíveis.
Análise revisável
Passo a passo
O formatador está em /content-tools/text-formatter. Ele adivinha a linguagem pela entrada, mas você pode sobrescrever na barra.
Escolha o perfil de linguagem
JSON, JavaScript/TypeScript, HTML, CSS ou SQL. O perfil certo evita erros sutis como JSON tentando balancear chaves numa arrow function JS.
Cole a fonte
O editor aceita qualquer tamanho. O que você cola fica só na sessão do navegador.
Embelezar ou minificar
Format indenta e quebra linhas. Minify remove espaços e comentários. O painel direito atualiza em tempo real.
Ajuste indent, largura e vírgulas finais
2 ou 4 espaços, largura máxima de linha e vírgulas finais conforme o guia do time.
Copie ou baixe
Botão copiar para a IDE ou download direto do arquivo.
Input
{"orderId":"o-7711","items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"currrency":"USD"}Output
{
"orderId": "o-7711",
"items": [
{ "sku": "A1", "qty": 2 },
{ "sku": "B2", "qty": 1 }
],
"currrency": "USD"
}
Dicas avançadas
- Formate antes de comparar dois configs. Neutraliza whitespace e aspas — veja Como comparar texto online.
- Minifique antes de colar em campo JSON que não aceita newline (webhooks Slack, algumas annotations k8s).
- Mantenha tab vs espaço consistente — ajuste indent antes de formatar ou o editor recria diff barulhento ao salvar.
- Quirks JSON5: configs manuais às vezes têm comentários. Limpe com perfil JS e volte ao JSON estrito.
Armadilhas comuns
Erro comum
Formatador recusa JSON
Vírgula final, aspas simples ou chave sem aspas tornam JSON inválido. Corrija o erro apontado na barra antes de reformatar.
Erro comum
JS minificado quebra em runtime
Minifier colapsa linhas sensíveis a ASI. Se minificar código moderno com optional chaining ou top-level await, garanta runtime compatível ou transpile antes com bundler.
Erro comum
SQL formatado quebra aliases
Dialectos legados usam aspas duplas para identificadores. Escolha PostgreSQL, MySQL ou T-SQL no perfil SQL para preservar quoting.
Quando esta não é a ferramenta certa
- Auto-fix de lint: ESLint, Stylelint ou
dotnet formataplicam regras além de formatação pura. - Refatoração (renames, extrair função): use o motor da IDE.
- Validação de schema: só estrutura aqui — JSON Schema para semântica.
FAQ
Strings entre aspas são alteradas?
Não. Espaço dentro de strings preservado — só whitespace estrutural (indent, quebras) é reescrito.
Suporta YAML?
YAML direto está no roadmap; por ora converta YAML→JSON, formate e converta de volta.
Por que sumiram comentários após Minify?
Minify remove comentários por padrão para reduzir tamanho. Ative Preserve comments na barra se precisar mantê-los.
Próximos passos
- Compare saída formatada com referência no comparador de texto.
- Escape caracteres especiais com Escape de texto antes de embutir em HTML ou JSON.
- Converta rascunhos Markdown em HTML com Markdown para HTML.