Convertitore HTML to Pug
Converti HTML in sintassi template Pug
Che cos'è questo strumento?
Questo strumento online gratuito ti permette di convertire rapidamente l'HTML standard in modelli Pug puliti e indentati. È ideale per gli sviluppatori che utilizzano Node.js e framework web moderni che preferiscono codice leggibile e manutenibile.
Come si usa
- Incolla il tuo codice HTML nell'editor o digita manualmente.
- Clicca su Converti per generare il codice Pug corrispondente.
- Scarica, copia o condividi il risultato con un link unico.
Puoi anche accedere con Google o GitHub per salvare la cronologia delle conversioni per usi futuri.
Che cos'è Pug?
Pug è un motore di template ad alte prestazioni per Node.js, ispirato da Haml. Sostituisce l'HTML tradizionale con una sintassi concisa e sensibile agli spazi, migliorando la chiarezza del codice e riducendo la ripetizione.
Pug è comunemente usato nelle app web costruite con Express.js e offre funzionalità avanzate come riutilizzo del codice, incorporamento di logica e indentazione più pulita.
Scopri di più nella documentazione ufficiale di Pug.
Esempio di sintassi Pug
doctype html
html(lang="en")
head
title= pageTitle
script(type="text/javascript").
if (foo) bar(1 + 5)
body
h1 Pug - motore di template per node
#container.col
if youAreUsingPug
p Sei fantastico
else
p Datti da fare!
p.
Pug è un linguaggio di template conciso e semplice
con un forte focus su prestazioni e funzionalità.
Esempio HTML vs Pug
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pug</title>
<script type="text/javascript">
if (foo) bar(1 + 5)
</script>
</head>
<body>
<h1>Pug - motore di template per node</h1>
<div id="container" class="col">
<p>Sei fantastico</p>
<p>Pug è un linguaggio di template conciso e semplice con un forte focus su prestazioni e funzionalità potenti.</p>
</div>
</body>
</html>
Pug
doctype html
html(lang="en")
head
title Pug
script(type="text/javascript").
if (foo) bar(1 + 5)
body
h1 Pug - motore di template per node
#container.col
p Sei fantastico
p Pug è un linguaggio di template conciso e semplice con un forte focus su prestazioni e funzionalità potenti.