Formatador de código

Transforme código minificado ou bagunçado em algo que você possa ler e editar.

Como embelezar o código

  1. Cole código ou abra arquivos.
  2. Escolha o idioma (ou Auto), indentação e opções de estilo.
  3. Copie o código formatado ou baixe-o.

Sobre: Formatador de código

Beautify HTML confuso ou minificado, CSS, JavaScript, JSON, XML e SQL.

Tudo funciona no seu navegador, por isso é instantâneo e privado, e suas configurações são lembradas neste dispositivo.

Ideal para

  • Leitura de scripts e estilos minificados
  • Limpar código copiado ou gerado
  • Tornar o código consistente antes de uma revisão

Dica: Use “Um atributo por linha” para componentes HTML com muitos atributos — Diffs se tornam muito mais limpos.

Perguntas frequentes

Que idiomas pode formatar?

HTML (incluindo CSS e scripts online), CSS, SCSS e Less, JavaScript e TypeScript, JSON, XML e SVG e SQL. Escolha Automático e o idioma é detectado a partir do código ou do nome do arquivo.

Pode desminificar o código?

Sim. — cole o código minificado (como um arquivo .min.js ou .min.css) e ele é expandido para código legível e indentável.

O que os estilos de cinta significam?

"Linha mesma" coloca no final da linha (o estilo JavaScript mais comum), "Linha própria" coloca na próxima linha, e "Mantenha blocos curtos online" deixa blocos de uma linha como eles são.

Posso formatar vários arquivos?

Sim. — abrir vários arquivos; cada um recebe uma guia, e você pode baixar todos os arquivos formatados como um ZIP.

Meus dados estão carregados?

Não. Tudo é processado pelo JavaScript no seu navegador – nada que você cole ou abra é enviado para um servidor, por isso é seguro para respostas de API, tokens, configs e dados do cliente. Também funciona offline quando a página é carregada.

Ferramentas relacionadas

← Voltar para todas as ferramentas