Html naar Pug converteren

Zet HTML-markup om naar Pug-templatesyntaxis (voorheen Jade) met behulp van de browser-DOMParser. De converter produceert schone Pug-steno: div-tags worden weggelaten wanneer ze een class of id bevatten, classes worden .class-selectors, ids worden #id-selectors en resterende attributen worden tussen haakjes uitgevoerd.

1. Plak HTML in het HTML-invoertekstvlak. 2. Stel Inspringgrootte (1-8) in en schakel Tabs gebruiken en Enkele aanhalingsteken naar wens in. 3. Klik op Converteren. 4. Gebruik Kopiëren op de Pug-uitvoerkaart om het resultaat te kopiëren.

De inspringing gebruikt het geconfigureerde aantal spaties of een enkele tab. Attribuutwaarden gebruiken enkele of dubbele aanhalingstekens op basis van de optie Enkele aanhalingsteken. class- en id-attributen worden omgezet naar .class- / #id-steno en verwijderd uit de attributenlijst; het style-attribuut wordt als style="..." na de haakjes behouden. Lege elementen zonder kinderen (img, br, input, hr, meta, link, enz.) worden zelfsluitend met een afsluitende / uitgevoerd. Eén tekstkind wordt inline na de tag geplaatst; meerdere kinderen worden op de volgende regels genest. Zelfstandige tekstknooppunten worden voorafgegaan door een pipe (| ).