Formatador de Código - JS, HTML, CSS, SQL, Python, PHP

Formatador de Código para JavaScript, HTML, CSS, SQL, Python e PHP

Este formatador de código transforma código-fonte bagunçado, minificado ou com recuo inconsistente em código limpo e legível. Escolha uma linguagem, cole seu código e ele se embeleza automaticamente, com recuo consistente e quebras de linha organizadas.

Ele foi feito para desenvolvedores que querem formatar código online antes de commitar ou compartilhar, estudantes aprendendo o recuo correto, revisores desemaranhando trechos densos e redatores técnicos preparando exemplos limpos. São seis linguagens cobertas, cada uma com um motor dedicado e padrão de mercado.

Privado por princípio: toda a formatação acontece inteiramente no seu navegador, usando bibliotecas JavaScript (Prettier, sql-formatter, js-beautify). Seu código nunca é enviado, armazenado ou registrado em servidor algum.

Como Formatar Código Online

Escolha uma linguagem

Clique em uma aba de linguagem no topo: JavaScript, HTML, CSS, SQL, Python ou PHP. Cada aba carrega o motor de formatação e as opções certas.

Cole ou envie seu código

Digite ou cole o código no painel Entrada, à esquerda, ou use Enviar para carregar um arquivo do seu dispositivo. Clique em Exemplo para inserir um código de exemplo da linguagem atual.

Ajuste as opções de formatação

Defina o tamanho do recuo (2, 3, 4, 8 espaços ou Tab) e as opções específicas de cada linguagem, como Largura da linha, aspas e ponto e vírgula para JavaScript, ou caixa de palavras-chave e dialeto para SQL.

Copie ou baixe o resultado

O código formatado aparece no painel Saída, com realce de sintaxe. Use Copiar para enviá-lo à área de transferência ou Baixar para salvá-lo com a extensão de arquivo correta.

O código é formatado automaticamente um instante depois que você para de digitar. Pressione Ctrl+Shift+F para formatar na hora, ou use Tab na entrada para inserir o recuo.

Recursos

Seis Linguagens, Motores Dedicados

Formate JavaScript, HTML, CSS e PHP com o Prettier, SQL com o sql-formatter e Python com o js-beautify.

Formatação de JavaScript

Prettier com o parser Babel, além de controles para largura da linha, ponto e vírgula, aspas simples ou duplas e vírgula final.

Formatação de HTML e CSS

Organize o HTML com quebra de atributos e posicionamento de chaves, e deixe o CSS limpo com uma largura da linha configurável.

SQL com Dialetos

Escolha a caixa das palavras-chave e um dialeto: SQL padrão, MySQL, PostgreSQL, MSSQL ou Oracle, cada um com suas próprias regras de sintaxe.

Recuo Personalizável

Use recuo de 2, 3, 4 ou 8 espaços, ou caracteres Tab. A configuração vale para todas as linguagens e atualiza a saída na hora.

Saída com Realce de Sintaxe

O Prism.js colore palavras-chave, strings, comentários e números, e o tema se adapta automaticamente ao modo claro e escuro.

Saída Editável

Clique em Editar para transformar a saída em um editor CodeMirror completo, com numeração de linhas para ajustes manuais rápidos. Ele carrega sob demanda.

Formatação em Tempo Real

O código é reformatado automaticamente um instante depois que você digita, ou na hora com Ctrl+Shift+F, para você ver resultados limpos enquanto trabalha.

Enviar, Baixar e Copiar

Carregue um arquivo de código do seu dispositivo, copie o resultado com um clique ou baixe-o com a extensão correta (.js, .html, .css, .sql, .py, .php).

Status e Estatísticas

Uma barra de status mostra os estados Pronto, Formatado ou Erro, junto com a contagem de linhas e o tamanho do arquivo da saída formatada.

Perguntas Frequentes

O que faz um formatador de código?

Ele reescreve seu código-fonte com recuo, espaçamento e quebras de linha consistentes, para que fique mais fácil de ler, sem mudar o que o código faz. É o oposto de minificar, que remove os espaços para deixar o código menor.

A formatação muda como meu código funciona?

Não. A formatação só ajusta os espaços em branco e o layout, como recuo, quebras de linha e espaçamento. A lógica e o comportamento do seu código permanecem exatamente os mesmos.

Quais linguagens são suportadas?

Seis linguagens: JavaScript, HTML, CSS, SQL, Python e PHP. Como a aba JavaScript usa o Prettier com o parser Babel, você também pode colar TypeScript ou JSX nela.

Meu código é enviado a um servidor?

Não. Toda a formatação acontece inteiramente no seu navegador, usando bibliotecas JavaScript (Prettier, sql-formatter e js-beautify). Seu código nunca sai do seu dispositivo e nada é salvo ou registrado.

Quais motores de formatação são usados?

O Prettier cuida de JavaScript, HTML, CSS e PHP, o sql-formatter cuida do SQL e o js-beautify cuida do recuo do Python. São as mesmas ferramentas que muitos desenvolvedores usam dentro de seus editores de código.

O que significa Largura da linha?

A Largura da linha define o número máximo de caracteres por linha. O formatador tenta quebrar as linhas que ultrapassam esse limite. Você pode escolher 80, 100 ou 120 caracteres.

Quais dialetos SQL são suportados?

SQL padrão, MySQL, PostgreSQL, MSSQL (Transact-SQL) e Oracle (PL/SQL). Cada dialeto tem suas próprias regras de sintaxe, que afetam como a consulta é formatada. Você também pode definir a caixa das palavras-chave como MAIÚSCULAS, minúsculas ou Preservar.

Posso editar a saída formatada?

Sim. Clique no botão Editar no painel de saída para mudar para um editor CodeMirror interativo, com numeração de linhas, faça os ajustes manuais e copie ou baixe o resultado. Clique em Visualizar para voltar à exibição somente leitura, com realce de sintaxe.

Por que meu código mostra um erro?

O formatador informa um erro quando a entrada contém uma sintaxe que ele não consegue analisar. Corrija o problema de sintaxe no painel de entrada e ele reformatará automaticamente.