Formatear HTML
Formatea código HTML compacto o mal indentado para que sea legible, usando el motor de formateo de Prettier directamente en tu navegador.
Se procesa en tu dispositivo. Nada se envía a ningún servidor.
Usa el mismo motor de formateo que Prettier, uno de los formateadores de código más usados, para dar una indentación consistente al HTML.
Casos de uso
- Formatear HTML generado por una herramienta o exportado sin indentación.
- Preparar un fragmento de HTML legible para documentación.
- Revisar visualmente la estructura de un HTML complejo.
Cómo funciona
- 1
Pega tu HTML
Escribe o pega el código HTML en el cuadro de entrada.
- 2
Formatea
Pulsa Formatear y copia o descarga el resultado.
Detalles técnicos
- Aplica las opciones por defecto de Prettier: sangría de 2 espacios y líneas de hasta 80 caracteres. No son configurables.
- Prettier respeta los espacios que afectan a cómo se ve el texto, por eso a veces parte etiquetas de forma poco habitual (por ejemplo, con el > de cierre en la línea siguiente).
- El formateador se carga la primera vez que lo usas, por lo que el primer formateo tarda un poco más.
Preguntas frecuentes
¿Ejecuta el HTML o solo lo formatea?
Solo lo formatea como texto; nunca se renderiza ni ejecuta el HTML introducido, por lo que es seguro pegar código de origen desconocido.