Convertir HTML a plantillas Pug
Convierte HTML en una plantilla Pug para editar etiquetas, clases y contenido con indentación. El HTML se envía al servidor de douni.one para convertirlo; usa ejemplos sin datos confidenciales.
HTML is sent to the server for conversion. Use a snippet without confidential data.
Cómo usarla
- Pega el HTML en el editor izquierdo o carga un archivo de texto.
- Abre Configuración en la salida. Activa Use Fragment para convertir solo el fragmento; el ejemplo utiliza Use Tabs y Commas activados y Use double quotes desactivado.
- Revisa la indentación y copia el Pug. Compílalo en tu proyecto para comprobar el HTML resultante.
HTML de entrada
<section class="card"><h2>Hola</h2><p>Ejemplo</p></section>
Pug de salida con Use Fragment activado
section.card h2 Hola p Ejemplo
Detalles y limitaciones
La clase card se convierte en .card y los elementos hijos se representan mediante indentación. El resultado cambia según Use Tabs, Commas, Use double quotes y Use Fragment.
La conversión no crea variables, bucles ni mixins de Pug a partir de contenido repetido. Tampoco descarga CSS, imágenes o scripts externos.
El modo documento y el modo fragmento tienen salidas diferentes. No compares el ejemplo con Use Fragment desactivado.
El contenido se procesa en el servidor. La entrada también puede permanecer en esta pestaña al cambiar de herramienta; bórrala al terminar en un equipo compartido.