Conversione HTML in Pug
Gratuito online Conversione HTML in Pug Strumento, nessuna installazione richiesta
Informazioni su HTML in Pug
Converte il markup HTML nella sintassi dei template Pug (ex Jade) utilizzando il DOMParser del browser. Il convertitore produce una sintassi Pug abbreviata pulita: i tag div vengono omessi quando hanno una classe o un id, le classi diventano selettori .class, gli id diventano selettori #id e gli attributi rimanenti vengono emessi tra parentesi.
Come usarlo
1. Incolla l'HTML nell'area di testo HTML Input. 2. Imposta Dimensione rientro (1-8) e attiva Usa tab e Virgolette singole come desiderato. 3. Fai clic su Converti. 4. Usa Copia sulla scheda Pug Output per copiare il risultato.
Regole di conversione Pug
Il rientro utilizza il numero configurato di spazi o un singolo tab. I valori degli attributi usano virgolette singole o doppie in base all'opzione Virgolette singole. Gli attributi class e id vengono convertiti nella sintassi abbreviata .class / #id e rimossi dall'elenco attributi; l'attributo style viene mantenuto come style="..." dopo le parentesi. Gli elementi vuoti senza figli (img, br, input, hr, meta, link, ecc.) vengono auto-chiusi con una / finale. Un singolo figlio di testo viene posizionato inline dopo il tag; più figli vengono nidificati nelle righe successive. I nodi di testo autonomi sono preceduti da una pipe (| ).
▶Come vengono convertiti gli elementi <div class="card highlight" id="main">?
▶Gli attributi style inline vengono conservati?
▶Come vengono gestiti gli elementi auto-chiusi e vuoti?
▶Posso scegliere tra spazi e tabulazioni per il rientro?
Se questo strumento è stato di aiuto per te, considera l’idea di regalarmi un caffè.
Comprami un caffè.