¿Algo va mal con esta herramienta?
Sobre «Embellecedor HTML Línea A Línea En Línea»
Esta herramienta toma cualquier HTML — minificado, revuelto, o simplemente desordenado — y produce una salida limpia, bien indentada y correctamente espaciada. Cada etiqueta obtiene su propia línea donde corresponde, los atributos se alinean ordenadamente y la indentación refleja la profundidad de anidamiento.
Útil para entender HTML comprimido de producción, presentar marcado en documentación o tutoriales, limpiar HTML generado antes de comprometerlo en git, o normalizar salida de múltiples contribuyentes con preferencias de estilo distintas.
El embellecedor maneja etiquetas autocerrables, elementos inline vs de bloque, contenido preformateado (<pre>, <textarea>, <script>) y características modernas de HTML5. Elige el estilo de indentación (espacios o tabuladores) y el ancho para coincidir con las convenciones de tu equipo.
Cómo usar esta herramienta
Cómo embellecer HTML comprimido o pegado en una sola línea
Pega el HTML
HTML minificado o en una sola línea en el campo «HTML». Documentos completos (con `<!doctype>`) y fragmentos están bien; comentarios y el contenido inline de `<script>` / `<style>` pasan inalterados.
Ejecutar
Resultado: un único campo `formatted` — indentación de 2 espacios, una etiqueta por línea en los cortes estructurales, atributos en la misma línea que la etiqueta. Las líneas largas no se envuelven automáticamente — selectores en `class` y valores `srcset` quedan intactos.
Diferencia con `html-formatter`
Funcionalmente intercambiables. Esta versión está nombrada para quienes buscan «HTML beautifier» — usa la que te resulte más obvia, la salida es la misma.
Tras embellecer
Para HTML desplegable, vuelve a pasarlo por un minifier (por ejemplo htmlmin en tu cadena de build). La forma embellecida es para leer y revisar, no para mandar por la red.