Formateador y Embellecedor de HTML

Formateador y embellecedor de HTML en línea

Pega un documento HTML, componente, plantilla de correo electrónico, fragmento generado o respuesta minificada y elige Formatear HTML para embellecer el marcado. Úsalo para formatear HTML en línea: la sangría y los saltos de línea consistentes embellecen el código HTML y convierten una respuesta minificada en HTML bien formateado que es más fácil de revisar. Elige Minificar cuando necesites una copia compacta, manteniendo intacto el contenido original dentro de los elementos pre, textarea, script y style.

Cómo formatear o embellecer HTML

1. Pega HTML válido, minificado, incompleto o malformado en el panel de entrada.
2. Elige los ajustes de sangría, ajuste de línea y saltos de línea, luego selecciona Formatear HTML.
3. Revisa cualquier advertencia, luego copia, descarga o previsualiza el resultado en el Visor HTML.

Un formateador que sigue funcionando con HTML roto

El trabajo incompleto es común al editar: puede que falte una etiqueta de cierre, que el anidamiento sea incorrecto o que una comilla de atributo esté sin cerrar. Este formateador de código HTML utiliza un tokenizador tolerante para reformatear el código HTML y devolver el mejor resultado posible en lugar de bloquearse ante el primer problema de sintaxis. Las advertencias te avisan cuando el código fuente parece estar mal formado, pero la estructura original no se reanaliza silenciosamente a través del navegador.

El formato de HTML no es validación de HTML

Un formateador cambia los espacios en blanco y la sangría. Un validador comprueba la conformidad con las reglas de HTML, mientras que un analizador de navegador también puede inferir elementos faltantes y reparar un árbol de documento. Este formateador no promete ninguno de los dos resultados: revisa las advertencias y prueba el resultado en un visor HTML o en un navegador antes de usarlo en producción.

Previsualiza el HTML formateado de forma segura en el Visor HTML.

Procesamiento de HTML privado y local

Tus datos de entrada y el resultado formateado permanecen en esta pestaña del navegador. El formato, la minificación, la copia y la preparación de la descarga se ejecutan localmente, sin necesidad de una cuenta ni de subir archivos.

Cuando un formateador de HTML no es suficiente

Usa este formateador para embellecer HTML para un fragmento, una respuesta generada o una limpieza rápida. Pásate a Phoenix Code cuando el trabajo abarque HTML, CSS, JavaScript, recursos y múltiples archivos, o cuando necesites Vista Previa en Vivo, búsqueda en todo el proyecto, Git e inteligencia de código en un solo editor.

Preguntas frecuentes

¿Puede este formateador embellecer HTML no válido o malformado?

Sí, en modo de mejor esfuerzo. Puede sangrar muchos fragmentos con etiquetas de cierre faltantes, anidamiento incorrecto o etiquetas de fin opcionales. Los tokens inseguros o inacabados se conservan literalmente con una advertencia para que el formateo no los reinterprete silenciosamente.

¿El formateo corrige el HTML roto?

No. El formateo facilita la lectura del código fuente, pero no garantiza la reparación de la sintaxis o la semántica. La herramienta evita reemplazar silenciosamente tu código fuente con un documento reconstruido por el navegador, para que puedas ver y corregir el marcado original por ti mismo.

¿La minificación de HTML cambia el contenido de las etiquetas script, style, pre o textarea?

El minificador protege esas regiones de contenido en crudo y solo elimina los espacios en blanco de formato de manera conservadora alrededor del resto del marcado. Pruebe siempre las plantillas sensibles al comportamiento antes del despliegue.

¿Se sube mi HTML?

No. El formateador y el minificador se ejecutan localmente en su navegador, y las descargas se crean en su dispositivo.