Minhas ferramentas

EMBELEZADOR DE CÓDIGO / 10 LINGUAGENS

Ferramentas de formatação de código

Cole qualquer código; a linguagem é detectada e o código organizado.

Roda localmente · o código não é enviado
Opções

SEU PRÓXIMO PASSO

Conecte ferramentas úteis ao fluxo de trabalho da sua empresa

Crie uma conta empresarial para configurar monitoramento de sites, e-mail comercial e notificações e convide sua equipe para trabalhar junto.

Empresas novas recebem um teste Pro de 14 dias, sem cartão. Os testes não incluem a concessão mensal paga de créditos.

Já tem uma conta? Abra seu espaço de trabalho →

Como usar

  1. Cole o código, solte um arquivo ou carregue o exemplo; a linguagem já vem definida para esta página e pode ser alterada.
  2. Escolha formatar ou minificar e ajuste indentação, largura e outras opções; o resultado aparece à direita enquanto você digita.
  3. Copie ou baixe o resultado; em caso de erro, use "Ir para o erro", corrija e execute novamente.

Linguagens e mecanismos

A formatação usa os mesmos mecanismos de código aberto de editores populares, então os resultados coincidem com o Prettier no VS Code e sua equipe pode manter um único estilo. Todos os mecanismos são carregados deste site e rodam no seu navegador.

Idioma
IdiomaFormatoComprimir
HTMLPrettier 3✓ comentários e espaços
XMLMecanismo XML do XunL✓
CSS / SCSS / LessPrettier 3✓ reestruturação CSSO
JavaScript / TypeScriptPrettier 3 (Babel)✓ Terser (apenas JavaScript)
JSONPrettier 3✓ números grandes mantêm a precisão
YAMLPrettier 3— (comentários mantidos)
SQLsql-formatter (14 dialetos)—

Perguntas frequentes

Quão confiável é a detecção automática?

Ela observa inícios característicos, como uma declaração XML, um doctype, SELECT, regras com chaves ou chave: valor. Trechos muito curtos podem ser interpretados errado; basta escolher a linguagem manualmente.

Meu código é enviado?

Não. Os mecanismos são baixados deste site e rodam no seu navegador; seu código nunca passa pelos nossos servidores nem por terceiros, então é seguro para código e configurações internas.

Qual o tamanho máximo dos arquivos?

Até 5 MB por arquivo; acima de 300 KB a página espera o botão em vez de formatar enquanto você digita, para manter o navegador responsivo.

guia prático do embelezador de código e perguntas frequentes

O que faz um embelezador de código?

A linguagem é detectada pelos inícios característicos (<?xml, <!doctype, SELECT, regras com chaves, chave: valor…) e entregue ao seu mecanismo: Prettier para HTML, CSS, JS, JSON e YAML, o mecanismo XunL para XML e sql-formatter para SQL.

Para quem é e quando é útil?

Desenvolvedores, profissionais de marketing e equipes de suporte que lidam com muitos tipos de código e querem uma página para todos eles, ou não sabem qual é a linguagem.

Como uso este embelezador de código?

Cole qualquer código; a linguagem (HTML, XML, CSS, JS, JSON, YAML, SQL e outras) é detectada e formatada ou minificada em um clique.

Como devo interpretar os resultados?

Trechos muito curtos ou mistos podem ser detectados errado; escolha a linguagem manualmente. A linha de status mostra a linguagem detectada.

Onde o trabalho é feito e quais serviços recebem dados?

Todos os mecanismos são carregados deste site e rodam no seu navegador; seu código não passa por nenhum servidor.