HTML to Pug कन्वर्टर
HTML को Pug टेम्पलेट सिंटैक्स में कन्वर्ट करें
यह टूल क्या है?
यह मुफ्त ऑनलाइन टूल आपको मानक HTML को साफ, इंडेंटेड Pug टेम्पलेट्स में जल्दी से बदलने की अनुमति देता है। यह उन डेवलपर्स के लिए आदर्श है जो Node.js और आधुनिक वेब फ्रेमवर्क का उपयोग करते हैं और पठनीय और बनाए रखने योग्य कोड पसंद करते हैं।
कैसे उपयोग करें
- अपने HTML कोड को संपादक में पेस्ट करें या मैन्युअल रूप से टाइप करें।
- संबंधित Pug कोड उत्पन्न करने के लिए Convert पर क्लिक करें।
- परिणाम को एक अद्वितीय लिंक के साथ डाउनलोड, कॉपी, या साझा करें।
आप भविष्य में उपयोग के लिए अपनी रूपांतरण इतिहास को सहेजने के लिए Google या GitHub के साथ साइन इन भी कर सकते हैं।
Pug क्या है?
Pug एक उच्च-प्रदर्शन टेम्पलेट इंजन है जो Haml से प्रेरित है। यह पारंपरिक HTML को एक संक्षिप्त, व्हाइटस्पेस-संवेदनशील सिंटैक्स के साथ बदलता है, कोड की स्पष्टता में सुधार करता है और पुनरावृत्ति को कम करता है।
Pug आमतौर पर Express.js के साथ निर्मित वेब ऐप्स में उपयोग किया जाता है और कोड पुन: प्रयोज्यता, लॉजिक एम्बेडिंग, और साफ-सुथरी इंडेंटेशन जैसी उन्नत सुविधाएँ प्रदान करता है।
अधिक जानें आधिकारिक Pug दस्तावेज़ पर।
Pug सिंटैक्स उदाहरण
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 आप अद्भुत हैं
else
p इसे प्राप्त करें!
p.
Pug एक संक्षिप्त और सरल टेम्पलेटिंग भाषा है
जो प्रदर्शन और सुविधाओं पर मजबूत ध्यान केंद्रित करती है।
HTML बनाम 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 - node template engine</h1>
<div id="container" class="col">
<p>आप अद्भुत हैं</p>
<p>Pug एक संक्षिप्त और सरल टेम्पलेटिंग भाषा है जो प्रदर्शन और शक्तिशाली सुविधाओं पर मजबूत ध्यान केंद्रित करती है।</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 आप अद्भुत हैं
p Pug एक संक्षिप्त और सरल टेम्पलेटिंग भाषा है जो प्रदर्शन और शक्तिशाली सुविधाओं पर मजबूत ध्यान केंद्रित करती है।