HTML zu Pug Konverter
Konvertiere HTML in Pug-Template-Syntax
Was ist dieses Tool?
Dieses kostenlose Online-Tool ermöglicht es Ihnen, standardmäßiges HTML schnell in saubere, eingerückte Pug-Vorlagen umzuwandeln. Es ist ideal für Entwickler, die Node.js und moderne Web-Frameworks verwenden und lesbaren sowie wartbaren Code bevorzugen.
Wie man es benutzt
- Fügen Sie Ihren HTML-Code in den Editor ein oder geben Sie ihn manuell ein.
- Klicken Sie auf Konvertieren, um den entsprechenden Pug-Code zu generieren.
- Laden Sie das Ergebnis herunter, kopieren Sie es oder teilen Sie es mit einem einzigartigen Link.
Sie können sich auch mit Google oder GitHub anmelden, um Ihre Konvertierungshistorie für die zukünftige Verwendung zu speichern.
Was ist Pug?
Pug ist eine leistungsstarke Template-Engine für Node.js, inspiriert von Haml. Es ersetzt traditionelles HTML durch eine prägnante, leerzeichenempfindliche Syntax, die die Codeklarheit verbessert und Wiederholungen reduziert.
Pug wird häufig in Web-Apps verwendet, die mit Express.js erstellt wurden, und bietet erweiterte Funktionen wie Code-Wiederverwendbarkeit, Logikeinbettung und sauberere Einrückung.
Erfahren Sie mehr in der offiziellen Pug-Dokumentation.
Pug-Syntax-Beispiel
doctype html
html(lang="en")
head
title= pageTitle
script(type="text/javascript").
if (foo) bar(1 + 5)
body
h1 Pug - node template engine
#container.col
if youAreUsingPug
p Du bist großartig
else
p Mach mit!
p.
Pug ist eine knappe und einfache Templating-Sprache
mit einem starken Fokus auf Leistung und Funktionen.
HTML vs Pug Beispiel
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pug</title>
<script type="text/javascript">
if (foo) bar(1 + 5)
</script>
</head>
<body>
<h1>Pug - node template engine</h1>
<div id="container" class="col">
<p>Du bist großartig</p>
<p>Pug ist eine knappe und einfache Templating-Sprache mit einem starken Fokus auf Leistung und leistungsstarke Funktionen.</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 - node template engine
#container.col
p Du bist großartig
p Pug ist eine knappe und einfache Templating-Sprache mit einem starken Fokus auf Leistung und leistungsstarke Funktionen.