Formateador de HTML
Convierte HTML desordenado o minificado en un código limpio y bien indentado.
Cómo usar Formateador de HTML
- Pega tu HTML a la izquierda.
- La versión formateada aparece a la derecha.
- Copia el HTML ya ordenado.
Acerca de Formateador de HTML
El Formateador de HTML toma un código desordenado, inconsistente o minificado y lo reescribe como HTML limpio y correctamente indentado. Pega tu código fuente a la izquierda y la versión formateada aparece a la derecha, con cada elemento anidado en su propia línea e indentado según su profundidad. Plantillas enredadas en una sola línea y salidas generadas por máquinas se convierten de repente en algo que realmente puedes leer y revisar.
Por debajo utiliza js-beautify, la misma librería de formateo consolidada que incorporan muchos editores de código e IDE populares. Eso significa que las reglas de indentación son fiables y predecibles, no una aproximación casera, de modo que el resultado coincide con lo que los desarrolladores ya están acostumbrados a ver en sus herramientas.
El formateo se ejecuta por completo en tu navegador, así que tu código nunca se sube a ningún servidor. Cuando quede como quieres, copia el HTML ordenado de vuelta a tu proyecto. Cuando llegue el momento de publicar, el Minificador de HTML lo comprime de nuevo, y para los estilos y scripts que acompañan tu marcado prueba el Formateador de CSS.
Preguntas frecuentes
¿Qué librería utiliza el formateador?
Utiliza js-beautify, la misma librería de formateo ampliamente adoptada que incorporan muchos editores de código e IDE. Sus reglas de indentación son fiables y predecibles, no una implementación casera y puntual.
¿Formatear cambia lo que hace mi página?
No. Solo añade espacios en blanco y saltos de línea para que el código sea legible. Los elementos, atributos y contenido no cambian, así que la página renderizada se comporta exactamente igual que antes.
¿Puede limpiar HTML minificado?
Sí. Ese es uno de sus usos principales. Pega un documento comprimido en una sola línea y se reindenta en una estructura clara y anidada que puedes leer y editar con comodidad.
¿Se sube mi HTML a un servidor?
No. Todo el formateo ocurre en tu navegador, así que nada de lo que pegas sale de la página. Eso lo hace seguro para plantillas internas y marcado aún no publicado.
¿Cómo comprimo el HTML de nuevo después?
Cuando termines de editar, pasa el resultado por el Minificador de HTML para eliminar comentarios y espacios pensando en producción, lo que revierte la ventaja de legibilidad del formateo.