Formateador de HTML
Pega HTML y obtén el código reindentado y ajustado de forma coherente. El CSS y el JavaScript en línea dentro de las etiquetas style y script también se formatean.
Sobre esta herramienta
El HTML minificado o generado por una máquina es un muro de texto imposible de revisar. Un formateador reconstruye el árbol con un elemento por línea y una sangría coherente, de modo que los errores de estructura — un div sin cerrar, una celda fuera de su fila — saltan a la vista. Esta herramienta usa Prettier, el mismo formateador que emplean la mayoría de proyectos front-end modernos, así que el resultado coincide con el que daría tu editor.
Elige dos o cuatro espacios o tabulaciones, y un ancho de línea de 80, 100 o 120 caracteres. Prettier respeta los elementos en línea sensibles a los espacios, así que el formateo nunca cambia cómo se ve la página. Todo se ejecuta localmente; el formateador se carga la primera vez que lo usas.
Preguntas frecuentes
- ¿Por qué ha fallado el formateo?
- Prettier necesita HTML analizable. El mensaje de error señala la línea con el problema, normalmente un símbolo de mayor o menor suelto o unas comillas de atributo sin cerrar.
- ¿Formatea también el CSS y el JavaScript de la página?
- Sí. Los bloques style y script incrustados se formatean con los analizadores de CSS y JavaScript.
- ¿Puedo formatear una plantilla con etiquetas de Jinja, Blade o PHP?
- La sintaxis de plantillas suele confundir al analizador. Formatea por separado las partes de HTML puro.