Como usar
- Cole o código, solte um arquivo ou carregue o exemplo; a linguagem já vem definida para esta página e pode ser alterada.
- Escolha formatar ou minificar e ajuste indentação, largura e outras opções; o resultado aparece à direita enquanto você digita.
- Copie ou baixe o resultado; em caso de erro, use "Ir para o erro", corrija e execute novamente.
Opções de estilo de código
| Opções | Recomendação |
|---|---|
| Indentação | 2 espaços (comum no front-end) / 4 espaços / tabulação |
| Largura da linha | Quebrar em 80; 100 ou 120 para telas largas |
| Aspas | Duplas (padrão do Prettier) ou simples |
| Ponto e vírgula | Ativado por padrão para evitar surpresas de ASI |
| Vírgulas finais | Adicionadas em listas de várias linhas para diffs mais limpos |
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 | Formato | Comprimir |
|---|---|---|
| HTML | Prettier 3 | ✓ comentários e espaços |
| XML | Mecanismo XML do XunL | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ reestruturação CSSO |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (apenas JavaScript) |
| JSON | Prettier 3 | ✓ números grandes mantêm a precisão |
| YAML | Prettier 3 | — (comentários mantidos) |
| SQL | sql-formatter (14 dialetos) | — |
Perguntas frequentes
A formatação vai mudar a aparência da página?
Por padrão, os espaços seguem a exibição do CSS: elementos de bloco podem quebrar linha, enquanto o espaçamento entre elementos inline como span e b é preservado, então a renderização continua a mesma. "Estrito" é o mais conservador; "Ignorar" é o mais organizado, mas pode mudar o espaçamento inline.
A minificação de HTML é segura?
Ela é conservadora: comentários comuns são removidos (comentários condicionais do IE ficam), sequências de espaços viram um só espaço e só são removidas entre tags de bloco; o conteúdo de pre, textarea, script e style não é tocado.
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.