Embellecedor de código

Convierte el código minificado o desordenado en algo que puedas leer y editar.

Cómo embellecer el código

  1. Pegar código o abrir archivos.
  2. Elija las opciones de idioma (o automático), sangría y estilo.
  3. Copia el código formateado o descárgalo.

Acerca de Embellecedor de código

Embellecer HTML desordenado o minificado, CSS, JavaScript, JSON, XML y SQL.

Todo funciona en su navegador, por lo que es instantáneo y privado, y su configuración se recuerda en este dispositivo.

Ideal para

  • Lectura de guiones y estilos minificados
  • Limpieza de código copiado o generado
  • Hacer que el código sea consistente antes de una revisión

Consejo: Usar “Un atributo por línea” para componentes HTML con muchos atributos — Los diff se vuelven mucho más limpios.

Preguntas frecuentes

¿Qué idiomas se pueden formatear?

HTML (incluyendo CSS y scripts online), CSS, SCSS y Less, JavaScript y TypeScript, JSON, XML y SVG, y SQL. Elija Auto y el idioma se detecta desde el código o el nombre del archivo.

¿Se puede des-minificar el código?

Sí — pegar código minificado (como un archivo .min.js o .min.css) y se expande en código legible y sangría.

¿Qué significan los estilos de bracket?

La misma línea pone al final de la línea (el estilo de JavaScript más común), la línea propia la pone en la siguiente línea y “Mantener bloques cortos online” deja bloques de una línea como están.

¿Puedo formatear varios archivos?

Sí — abrir varios archivos; cada uno obtiene una pestaña, y puede descargar todos los archivos formateados como un ZIP.

¿Se cargan mis datos?

No. Todo es procesado por JavaScript en su navegador: nada de lo que pegue o abra se envía a un servidor, por lo que es seguro para las respuestas de API, tokens, configuraciones y datos de clientes. También funciona sin conexión una vez que se sube la página.

Herramientas relacionadas

← Volver a todas las herramientas