Logo do XTools
XTools

Formatador e minificador de código

Formate ou minifique HTML, CSS, JavaScript, TypeScript e SQL
  • Os arquivos não saem do seu dispositivo
  • Roda no navegador
  • Grátis, sem cadastro, sem marca d’água

 

Format options

Long lines are wrapped at this width where the language allows it.

Como usar Formatador e minificador de código

Formate ou minifique HTML, CSS, SCSS, Less, JavaScript, TypeScript, JSON, Markdown, YAML e SQL no navegador. A linguagem é detectada automaticamente e o resultado atualiza enquanto você digita.

  1. 1

    Cole o código em Entrada, solte um arquivo ou escolha uma linguagem em Exemplo.

  2. 2

    Escolha Formatar ou Minificar. O menu de linguagem mostra o que foi detectado; escolha uma você mesmo se ela errou.

  3. 3

    Ajuste opções de Formatar, como Indentação, Largura da linha, Aspas ou dialeto SQL, ou opções de Minificar, como Encurtar nomes de variáveis.

  4. 4

    Copie a saída ou clique no botão de baixar. Ctrl/⌘ + S também baixa.

Perguntas frequentes

Meu código é enviado a um servidor?

Não. Os formatadores e minificadores (Prettier, sql-formatter, Terser e CSSO) carregam na página e rodam no seu dispositivo, então o código fica no seu navegador.

Quais dialetos SQL são suportados?

SQL padrão, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark SQL, Hive, Trino/Presto, DuckDB, ClickHouse e IBM Db2. Você também pode definir Caixa das palavras-chave como MAIÚSCULAS, minúsculas ou Como está.

Por que Minificar fica acinzentado para TypeScript ou Markdown?

TypeScript precisa ser compilado para JavaScript antes de ser minificado, e Markdown não tem o que minificar, então essas linguagens são formatadas.

Minificar JavaScript renomeia minhas variáveis?

Só se Encurtar nomes de variáveis estiver ativado. Ele renomeia variáveis e funções locais; nomes globais permanecem. Manter comentários de licença preserva comentários /*! e @license.

Onde ela mostra erros de sintaxe?

Abaixo dos editores, com a linha e a coluna quando o analisador as informa. A linha com problema também é destacada na entrada.

Minhas configurações ficam lembradas?

Sim. Modo, linguagem e opções são salvos no armazenamento local deste navegador. Seu código não é salvo.