Conversion de HTML en Pug
Gratuit en ligne Conversion de HTML en Pug Outil, pas de nécessité d’installation
À propos de HTML vers Pug
Convertit le balisage HTML en syntaxe de template Pug (anciennement Jade) à l'aide du DOMParser du navigateur. Le convertisseur produit une syntaxe abrégée Pug propre : les balises div sont omises lorsqu'elles portent une classe ou un id, les classes deviennent des sélecteurs .class, les ids deviennent des sélecteurs #id et les attributs restants sont émis entre parenthèses.
Mode d'emploi
1. Collez le HTML dans la zone de texte HTML Input. 2. Définissez la Taille d'indentation (1-8) et activez Utiliser les tabulations et Guillemet simple selon vos besoins. 3. Cliquez sur Convertir. 4. Utilisez Copier sur la carte Pug Output pour copier le résultat.
Règles de conversion Pug
L'indentation utilise le nombre configuré d'espaces ou une tabulation unique. Les valeurs d'attribut utilisent des guillemets simples ou doubles selon l'option Guillemet simple. Les attributs class et id sont convertis en notation abrégée .class / #id et supprimés de la liste des attributs ; l'attribut style est conservé sous la forme style="..." après les parenthèses. Les éléments vides sans enfant (img, br, input, hr, meta, link, etc.) sont auto-fermants avec une / finale. Un seul enfant textuel est placé en ligne après la balise ; plusieurs enfants sont imbriqués sur les lignes suivantes. Les nœuds textuels autonomes sont préfixés d'un tube (| ).
▶Comment les éléments <div class="card highlight" id="main"> sont-ils convertis ?
▶Les attributs style en ligne sont-ils conservés ?
▶Comment les éléments auto-fermants et vides sont-ils gérés ?
▶Puis-je choisir entre espaces et tabulations pour l'indentation ?
Si cet outil vous a été utile, pensez à m’offrir un café.
Achetez-moi un café.