Embelezar código

Processado neste navegador

Limite de texto: 2000000 caracteres

Esta ferramenta não envia sua entrada.

O minify da produção veio numa linha e o bug está no meio do `onClick`. Esta aba indenta o que você cola — não padroniza o repositório e não substitui o formatador de JSON.

O bundle de produção está numa linha só e o undefined mora no meio. O trabalho desta página é indentar HTML, CSS ou JavaScript nesta aba para conseguir ler — não para padronizar o repo nem para passar no hook do Prettier.

Não tree-shake. Não minifica de volta com o critério do Webpack. JSON, SQL e XML têm URL própria porque o parse é outro.

Bundle minificado, não o CI

  • Ler o CSS que o CDN devolveu sem quebra de linha.
  • Achar o div que o CMS vomitou numa string só.
  • Conferir um snippet que o front colou no Slack antes de abrir o VS Code.

É a ferramenta errada se o job é “aplicar as regras do monorepo”. Também é a errada para payload de API: use o JSON. Consulta do DBA: SQL. Envelope SOAP ou feed: XML.

LGPD entra quando o HTML colado tem e-mail de cliente ou token de sessão: a aba não envia, mas o share screen da daily envia para a sala.

O que colar e o que não esperar

  1. Cole o HTML, o CSS ou o JS. Escolha a linguagem que a UI oferecer — “adivinhar” erra em arquivo misto.
  2. Embeleze. Syntax error em JS pode falhar; isso não é o ESLint do projeto.
  3. Se for comparar com o arquivo do repo, diff. Entidades que o CMS comeu: escapar HTML.

Exemplo do tipo de linha que chega do minify (o motor quebra isso; não é o Prettier da empresa):

.btn{display:flex;gap:8px}button{box-shadow:0 2px 8px rgba(0,0,0,.12)}

Slack, WhatsApp e secret

Pode mandar o resultado no Slack do front se não houver chave. WhatsApp quebra linha em bloco enorme — para arquivo, Documento. Isto não substitui review, não prova que o JS é seguro e não é auditoria de XSS.

Perguntas frequentes

Isso usa o `.prettierrc` e os plugins do time?

Não. Sem plugin, sem CI. O pipeline continua mandando. Aqui é indentação para *ler*, não para commitar.

Colei um JSON de API minificado e o resultado ficou estranho.

O formatador JSON faz o parse certo. Esta aba pensa em HTML, CSS ou JS.

E o `EXPLAIN` que o DBA mandou no Slack?

Formatador SQL. XML de gateway: formatador XML.

Posso colar a chave da API “só para ver o HTML”?

Não cole secret. O processamento é nesta aba, mas o histórico do navegador e a tela compartilhada na daily existem.

O JS tem syntax error e nada acontece.

O parser pode recusar. A mensagem é do motor, não um lint do ESLint da empresa.

Quero o diff entre o minify e o que eu indentei.

Diff de texto. Markdown de README: prévia.

Ferramentas relacionadas