RevealTheme logo

Formateador y Embellecedor de HTML

Formatea HTML minificado o en línea con sangría y saltos de línea adecuados.

Cómo usar esta herramienta

  1. 1

    Paste your minified or single-line HTML into the input box.

  2. 2

    Read the indented result that appears below as you type — there is no button to press.

  3. 3

    Select and copy the formatted output from the result panel.

  4. 4

    Spot-check anything with <pre>, <textarea>, comments, or inline scripts, since those are not handled perfectly.

¿Qué es el Formateador y Embellecedor de HTML?

El HTML minificado es una sola cadena larga: rápida de entregar pero imposible de leer. Esta herramienta revierte la minificación: cada elemento en su propia línea, con los elementos hijos sangrados dos espacios más. Los elementos vacíos (img, br, input) se mantienen en línea. La salida es puramente estética y se renderiza de forma idéntica.

Casos de uso comunes

  • Expanding a minified production HTML page so you can read its structure during debugging.

  • Tidying a snippet copied from a browser's DevTools Elements panel before pasting it into documentation.

  • Re-indenting a fragment of email or marketing HTML that arrived as one long line.

  • Inspecting the nesting and tag hierarchy of unfamiliar markup at a glance.

  • Cleaning up generated or template-output HTML before committing it to a repository.

  • Teaching or reviewing HTML structure where consistent two-space indentation makes nesting obvious.

Preguntas frecuentes

¿Conserva los espacios en blanco dentro de <pre>?
El contenido de texto en línea se colapsa. Para marcado con mucho <pre>, puede que tengas que restaurar los espacios en blanco manualmente.

Herramientas relacionadas