Formateador JSON
Formatea, minimiza y valida JSON con la posición exacta de los errores.
Embellecedor de HTML, CSS y JS
Sangra y ordena HTML, CSS y JavaScript minificados o desordenados para que vuelvan a leerse bien.
Tus archivos se quedan en tu dispositivo
Cómo funciona
- 1Elige JavaScript, CSS o HTML.
- 2Pega tu código, o elige Probar un ejemplo.
- 3Elige la sangría y, para JavaScript, las comillas y los puntos y coma.
- 4Copia el código con formato o descárgalo.
Qué hace cada opción
- Sangría
- Dos espacios, cuatro espacios o un tabulador por cada nivel.
- Comillas simples
- Escribe las cadenas de JavaScript con comillas simples siempre que sea posible.
- Puntos y coma
- Añade puntos y coma al final de las instrucciones de JavaScript, o los omite.
Privacidad
Todo funciona en tu navegador. Lo que pegas nunca se envía a un servidor.
Preguntas frecuentes
¿Qué formateador usa?
Prettier, el mismo formateador que muchos proyectos ejecutan al guardar. Sus reglas son estrictas, así que el resultado coincide con lo que produciría un proyecto formateado con Prettier, con las opciones que elijas.
¿Embellecer cambia lo que hace el código?
No. Solo cambian los espacios en blanco, los saltos de línea y, en JavaScript, el estilo de comillas y los puntos y coma. El programa se comporta igual.
¿Puede restaurar los nombres originales de las variables?
No. Los minificadores descartan los nombres originales, así que un archivo embellecido se lee mejor, pero a, b y c siguen siendo a, b y c.
¿Por qué muestra un error?
No se pudo analizar el código. El mensaje indica la línea y la columna y unas líneas de contexto. Corrige ese punto y el resultado vuelve a aparecer.
¿Admite JSX o TypeScript?
Se acepta JSX dentro de JavaScript. TypeScript no es compatible con esta herramienta.