Formatador de JSON
Formate, minifique e valide JSON com posição clara dos erros.
Formatador de HTML, CSS e JS
Indente e organize HTML, CSS e JavaScript minificado ou bagunçado para voltar a ser legível.
Seus arquivos ficam no seu dispositivo
Como funciona
- 1Escolha JavaScript, CSS ou HTML.
- 2Cole o seu código ou escolha Testar um exemplo.
- 3Escolha a indentação e, no JavaScript, as aspas e o ponto e vírgula.
- 4Copie o código formatado ou baixe.
O que cada opção faz
- Indentação
- Dois espaços, quatro espaços ou uma tabulação por nível.
- Aspas simples
- Escreve strings de JavaScript com aspas simples sempre que possível.
- Ponto e vírgula
- Adiciona ponto e vírgula no fim das instruções JavaScript ou deixa de fora.
Privacidade
Tudo roda no seu navegador. O que você cola nunca é enviado a um servidor.
Perguntas frequentes
Qual formatador é usado?
O Prettier, o mesmo formatador que muitos projetos rodam ao salvar. As regras dele são opinativas, então a saída é igual à de um projeto formatado com Prettier, com as opções que você escolher.
Formatar muda o que o código faz?
Não. Só mudam espaços em branco, quebras de linha e, no JavaScript, o estilo das aspas e o ponto e vírgula. O programa se comporta do mesmo jeito.
Ele recupera os nomes originais das variáveis?
Não. Minificadores descartam os nomes originais, então um arquivo formatado fica mais fácil de ler, mas a, b e c continuam sendo a, b e c.
Por que aparece um erro?
Não foi possível analisar o código. A mensagem informa a linha e a coluna e algumas linhas de contexto. Corrija esse ponto e o resultado volta a aparecer.
JSX ou TypeScript são aceitos?
JSX dentro de JavaScript é aceito. TypeScript não é aceito nesta ferramenta.