Conversor de HTML a Pug

Convierte el marcado HTML a la sintaxis de plantillas Pug (anteriormente Jade) utilizando el DOMParser del navegador. El conversor produce una sintaxis Pug abreviada y limpia: las etiquetas div se omiten cuando llevan una clase o id, las clases se convierten en selectores .class, los ids en selectores #id y los atributos restantes se emiten entre paréntesis.

1. Pega el HTML en el área de texto HTML Input. 2. Establece el Tamaño de sangría (1-8) y activa Usar tabulaciones y Comilla simple según lo desees. 3. Haz clic en Convertir. 4. Usa Copiar en la tarjeta Pug Output para copiar el resultado.

La sangría utiliza el número configurado de espacios o un único tabulador. Los valores de los atributos utilizan comillas simples o dobles según la opción Comilla simple. Los atributos class e id se convierten a la notación abreviada .class / #id y se eliminan de la lista de atributos; el atributo style se mantiene como style="..." después de los paréntesis. Los elementos vacíos sin hijos (img, br, input, hr, meta, link, etc.) se cierran automáticamente con una / final. Un único hijo de texto se coloca en línea después de la etiqueta; varios hijos se anidan en las líneas siguientes. Los nodos de texto independientes se preceden con una barra vertical (| ).