Formatador de SQL / CSS / HTML

Formatador de SQL, CSS e HTML Online

Cole SQL, CSS ou HTML bagunçado ou minificado e obtenha saída corretamente indentada e legível. Palavras-chave SQL são colocadas em maiúsculas e cláusulas são divididas em linhas separadas. Propriedades CSS são indentadas dentro de blocos de regras com linhas em branco entre seletores. Tags HTML são aninhadas com indentação correta preservando elementos inline e blocos de conteúdo bruto.

O que é Formatação de Código?

Formatação de código (também chamada de embelezamento ou pretty-printing) é o processo de reestruturar o código para seguir convenções consistentes de indentação, espaços em branco e quebras de linha sem alterar sua lógica. O objetivo é a legibilidade humana: indentação correta revela o aninhamento, quebras de linha separam declarações lógicas e a capitalização consistente de palavras-chave torna o código escaneável. Um formatador analisa o código-fonte em uma árvore de sintaxe abstrata e o reemite com espaços em branco uniformes. Isso elimina guerras religiosas sobre indentação e faz com que as revisões de código se concentrem na lógica em vez do estilo. Minificação é o oposto: remover todo o espaço em branco desnecessário para produzir a menor saída possível para produção.

Como Usar

1. Selecione a aba de idioma (SQL, CSS ou HTML)
2. Cole seu código no editor de entrada à esquerda
3. Clique em Formatar para embelezar ou Minificar para comprimir
4. Ajuste a indentação com o menu suspensó (2 espaços, 4 espaços ou tabs)
5. Copie o resultado com um clique ou atalho de teclado

Formatação SQL

O formatador SQL tokeniza sua consulta é a reestrutura para legibilidade. Cláusulas principais começam em novas linhas. Subcláusulas como AND, OR e ON são indentadas um nível. Subconsultas entre parênteses recebem seu próprio bloco de indentação.

Formatação CSS

O formatador CSS analisa sua folha de estilo em tokens é a reconstrói com indentação consistente. Cada propriedade recebe sua própria linha dentro de um bloco de regras.

Formatação HTML

O formatador HTML interpreta tags, atributos, nós de texto e comentários. Elementos block são indentados um nível dentro de seu pai.

Trabalhando com respostas de API? Formaté o JSON com o Formatador JSON, depois codifique o resultado para um parâmetro URL com o Codificador de URL. Precisa comparar duas versões de uma consulta ou folha de estilo? Cole ambas no Diff Checker.