Umwandlung von HTML in Pug

Konvertiert HTML-Markup mit dem Browser-DOMParser in Pug-Template-Syntax (früher Jade). Der Konverter erzeugt saubere Pug-Kurzschreibweise: div-Tags werden weggelassen, wenn sie eine Klasse oder ID enthalten, Klassen werden zu .class-Selektoren, IDs zu #id-Selektoren und verbleibende Attribute werden in Klammern ausgegeben.

1. HTML in das HTML-Eingabefeld einfügen. 2. Einzugsgröße (1-8) festlegen und Tabs verwenden sowie Einfache Anführungszeichen nach Bedarf umschalten. 3. Konvertieren klicken. 4. Kopieren auf der Pug-Ausgabe-Karte verwenden, um das Ergebnis zu kopieren.

Der Einzug verwendet die konfigurierte Anzahl von Leerzeichen oder ein einzelnes Tabulatorzeichen. Attributwerte verwenden einfache oder doppelte Anführungszeichen basierend auf der Option Einfache Anführungszeichen. class- und id-Attribute werden in .class- / #id-Kurzschreibweise konvertiert und aus der Attributliste entfernt; das style-Attribut wird als style="..." nach den Klammern beibehalten. Leere Elemente ohne Kinder (img, br, input, hr, meta, link usw.) werden mit einem abschließenden / selbstschließend ausgegeben. Ein einzelnes Text-Kind wird inline nach dem Tag platziert; mehrere Kinder werden in den folgenden Zeilen verschachtelt. Eigenständige Textknoten erhalten das Pipe-Präfix (| ).