Logotipo de XTools
XTools

Formateador y minificador de código

Formatea o minifica HTML, CSS, JavaScript, TypeScript y SQL
  • Los archivos no salen de tu dispositivo
  • Se ejecuta en el navegador
  • Gratis, sin registro ni marca de agua

 

Format options

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

Cómo usar Formateador y minificador de código

Formatea o minifica HTML, CSS, SCSS, Less, JavaScript, TypeScript, JSON, Markdown, YAML y SQL en tu navegador. El lenguaje se detecta solo, y el resultado se actualiza mientras escribes.

  1. 1

    Pega código en Entrada, suelta un archivo o elige un lenguaje en Ejemplo.

  2. 2

    Elige Formato o Minificar. El menú de lenguaje muestra lo que se detectó; elige uno tú si adivinó mal.

  3. 3

    Ajusta las opciones de Formato, como Sangría, Ancho de línea, Comillas o dialecto SQL, o las opciones de Minificar, como Acortar nombres de variables.

  4. 4

    Copia la salida o haz clic en el botón de descarga. Ctrl/⌘ + S también la descarga.

Preguntas frecuentes

¿Mi código se envía a un servidor?

No. Los formateadores y minificadores (Prettier, sql-formatter, Terser y CSSO) se cargan en la página y se ejecutan en tu dispositivo, así que tu código se queda en el navegador.

¿Qué dialectos SQL están soportados?

SQL estándar, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark SQL, Hive, Trino/Presto, DuckDB, ClickHouse e IBM Db2. También puedes poner Mayúsculas de palabras clave en MAYÚSCULAS, minúsculas o Como está.

¿Por qué Minificar está desactivado para TypeScript o Markdown?

TypeScript necesita compilarse a JavaScript antes de poder minificarse, y Markdown no tiene nada que minificar, así que esos lenguajes se formatean.

¿Minificar JavaScript cambia el nombre de mis variables?

Solo si Acortar nombres de variables está activado. Cambia el nombre de las variables y funciones locales; los nombres globales se quedan igual. Conservar comentarios de licencia preserva los comentarios /*! y @license.

¿Dónde muestra los errores de sintaxis?

Debajo de los editores, con la línea y la columna cuando el analizador las informa. La línea con el fallo también se resalta en la entrada.

¿Se recuerdan mis ajustes?

Sí. El modo, el lenguaje y las opciones se guardan en el almacenamiento local de este navegador. Tu código no se guarda.