Embellecedor gratuito de HTML, CSS y JavaScript
Pega HTML, CSS o JavaScript comprimido y obtén una sangría legible al instante. Funciona con js-beautify en tu navegador — independiente del minificador HTML, que se centra en reducir fragmentos para producción.
Cómo usar esta herramienta
- 1
Abrir Embellecedor de código
Formatea HTML, CSS o JavaScript para su lectura o revisión.
- 2
Elige lenguaje y sangría
Selecciona HTML, CSS o JavaScript y 2 espacios, 4 espacios o tabuladores.
- 3
Copia el código formateado
Copia la salida en tu proyecto o documentación.
Datos rápidos
| ¿Funciona localmente? | Sí — js-beautify corre solo en esta pestaña. |
|---|---|
| ¿Se sube algo? | No. Tus fragmentos permanecen en tu dispositivo. |
| ¿Minificador HTML vs esta herramienta? | Usa el minificador HTML para minificar; usa el embellecedor de código para formatear HTML, CSS y JS. |
| ¿TypeScript o JSX? | El modo JavaScript gestiona muchos fragmentos JSX; el TS estricto puede necesitar un formateador dedicado. |
Casos de uso principales
- Embellece HTML, CSS y JavaScript en el navegador — sangría 2/4/tabulador, copia la salida, sin subidas.
- ¿Funciona localmente?: Sí — js-beautify corre solo en esta pestaña.
- ¿Se sube algo?: No. Tus fragmentos permanecen en tu dispositivo.
- ¿Minificador HTML vs esta herramienta?: Usa el minificador HTML para minificar; usa el embellecedor de código para formatear HTML, CSS y JS.
- ¿TypeScript o JSX?: El modo JavaScript gestiona muchos fragmentos JSX; el TS estricto puede necesitar un formateador dedicado.
Preguntas frecuentes
¿Valida la sintaxis?▾
Formatea entradas con tolerancia; el código roto puede seguir viéndose raro — corrige los errores en tu editor primero.
¿Puedo minificar aquí?▾
No — usa el minificador HTML para comprimir HTML.
¿CSS embebido en HTML?▾
El modo HTML formatea el documento completo; copia las reglas de estilo embebidas en el modo CSS para mayor control.
¿El formateo cambia el comportamiento?▾
Solo cambia el espacio en blanco del código válido; revisa siempre antes de publicar.
¿Archivos grandes?▾
Las entradas muy extensas pueden ralentizar la pestaña — divide los archivos si es necesario.
¿Sin conexión?▾
Tras cargar la página, el formateo funciona sin red.