Embelezador de Código

Embeleze código em 14 linguagens (JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, XML, YAML, GraphQL, Markdown, SQL, PHP e Python) no navegador.

LinguagemIndentação

Entrada JavaScript

Saída

Executa totalmente no seu navegador. Seus dados nunca são enviados.

Ferramentas Relacionadas

Ver Todas

Formatador de JSON Validador de JSON Formatador de XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

O que é Embelezador de código?

O Embelezador de Código formata código-fonte de várias linguagens em uma única página. Escolha a linguagem e a indentação e receba código formatado de forma consistente por formatadores consagrados (Prettier, Ruff, sql-formatter, xml-formatter).

Como usar Embelezador de código

Escolha a Linguagem.
Escolha a Indentação.
Cole seu código e clique em Formatar (a maioria das linguagens também é atualizada enquanto você digita).
Copie ou baixe o resultado.

Exemplo

Entrada

const a={b:1,c:[1,2]}

Saída

const a = { b: 1, c: [1, 2] };

Linguagem: JavaScript, 2 espaços.

Quando usar Embelezador de código

Use-o para formatar rapidamente código em uma linguagem para a qual você não tem ferramentas ou para formatar trechos de documentação. Em projetos, configure o mesmo formatador no editor ou no CI para manter a saída consistente. A formatação nunca corrige erros de lógica.

Como funciona Embelezador de código

A linguagem selecionada define o motor: Prettier 3 para JavaScript (parser Babel), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown e PHP (@prettier/plugin-php); um impressor de JSON estrito para JSON; xml-formatter para XML; sql-formatter (SQL padrão, palavras-chave em maiúsculas) para SQL; e Ruff compilado para WebAssembly para Python. Os motores são baixados apenas no primeiro uso. Erros de sintaxe são informados com linha e coluna quando o motor as fornece.