HTML से Pug कनवर्टर
HTML कोड को जल्दी से Pug कोड में बदलें। स्थानीय ब्राउज़र रूपांतरण का समर्थन करता है, कोड संपादक और स्वचालित पूर्णता सुविधा के साथ।
HTML इनपुट
Pug आउटपुट
उपयोग निर्देश
HTML कोड दर्ज करें
बाईं ओर के इनपुट बॉक्स में आपके द्वारा बदलने के लिए HTML कोड को पेस्ट या दर्ज करें।
रूपांतरण करें
"Pug में बदलें" बटन पर क्लिक करके HTML कोड को Pug प्रारूप में बदलें।
परिणाम देखें
दाईं ओर के आउटपुट बॉक्स में बदले गए Pug कोड को देखें।
परिणाम का उपयोग करें
अपने प्रोजेक्ट में उपयोग के लिए बदले गए Pug कोड को कॉपी या डाउनलोड करें।
Pug टेम्पलेट इंजन मूलभूत ज्ञान
Pug क्या है?
Pug (पूर्व नाम Jade) एक उच्च प्रदर्शन टेम्पलेट इंजन है जो HTML में संकलित होता है और Node.js वातावरण में व्यापक रूप से उपयोग किया जाता है। Pug एक संक्षिप्त, सुंदर वाक्यविन्यास प्रदान करता है जो डेवलपर्स को संरचित HTML पृष्ठों को कम कोड के साथ लिखने की अनुमति देता है, साथ ही चर, मिश्रण, सशर्त निर्णय और अन्य उन्नत सुविधाओं का समर्थन करता है।
Pug के मुख्य लाभ
वाक्यविन्यास संक्षिप्त, अतिरिक्त कोड को कम करता है
इंडेंटेशन-आधारित वाक्यविन्यास, कोड पठनीयता में सुधार करता है
टेम्पलेट विरासत और समावेश का समर्थन करता है
शक्तिशाली तार्किक अभिव्यक्ति समर्थन
स्वचालित एस्केपिंग, सुरक्षा को मजबूत बनाता है
JavaScript पारिस्थितिकी तंत्र के साथ सहज एकीकरण
HTML और Pug वाक्यविन्यास की तुलना
स्वागत पृष्ठ
यह एक नमूना अनुच्छेद है
- सूची आइटम 1
- सूची आइटम 2
.container
h1 स्वागत पृष्ठ
p.description
| यह एक नमूना अनुच्छेद है
ul
li सूची आइटम 1
li सूची आइटम 2
सामान्य Pug वाक्यविन्यास उदाहरण
h1 शीर्षक पाठ
div.container#main
a(href='लिंक', title='शीर्षक')
div p नेस्टेड पाठ
//- आउटपुट नहीं होने वाली टिप्पणी // HTML टिप्पणी जो आउटपुट होगी
- var name = 'उपयोगकर्ता' p= name
रूपांतरण सावधानियाँ
- जटिल HTML संरचनाओं को Pug की सर्वोत्तम प्रथाओं के अनुरूप होने के लिए मैन्युअल समायोजन की आवश्यकता हो सकती है
- Pug कड़ी में इंडेंटेशन पर निर्भर करता है, सुनिश्चित करें कि बदले गए कोड का इंडेंटेशन सही है
- रूपांतरण के बाद HTML में स्क्रिप्ट और स्टाइल ब्लॉक को विशेष रूप से संभालने की आवश्यकता हो सकती है
- बड़े प्रोजेक्ट के लिए, पेशेवर Pug कनवर्टर या फ्रेमवर्क प्लगइन्स का उपयोग करने की सलाह दी जाती है
API开发平台
快速构建、测试和部署API
推荐工具
XML फॉर्मेटर टूल - XML कोड को सुंदर और संपीड़ित करने के लिए मुफ्त ऑनलाइन टूल
मुफ्त ऑनलाइन XML फॉर्मेटर टूल जो XML कोड को सुंदर बनाने, संपीड़न, सत्यापन आदि कार्यों का समर्थन करता है, जिससे आपका XML कोड अधिक मानक और पठनीय हो जाता है। रीयल-टाइम फॉर्मेटिंग प्रीव्यू प्रदान करता है और कई XML फॉर्मेट विकल्पों का समर्थन करता है।
XML से JSON - मुफ्त ऑनलाइन रूपांतरण टूल
XML से JSON टूल XML प्रारूप स्ट्रिंग और JSON प्रारूप स्ट्रिंग का पार्सिंग और रूपांतरण कर सकता है, और रूपांतरित स्ट्रिंग को फॉर्मैट कर सकता है।
YAML फॉर्मेटिंग - मुफ्त ऑनलाइन YAML टूल
मुफ्त ऑनलाइन YAML फॉर्मेटिंग और सौंदर्यीकरण टूल जो स्वचालित इंडेंटेशन समायोजन, सिंटैक्स हाइलाइटिंग और अतिरिक्त स्पेस को हटाने का समर्थन करता है, जिससे आपका YAML कोड स्पष्ट और पढ़ते में आसान हो जाता है। इंस्टॉलेशन की आवश्यकता नहीं, वन-क्लिक फॉर्मेटिंग से YAML फाइलों की पठनीयता और रखरखाव दक्षता में सुधार होता है!
ऑनलाइन जावास्क्रिप्ट फॉर्मेटर और मिनिफायर - JS कोड को सुंदर, अनुकूलित और भ्रमित करें
जावास्क्रिप्ट (JS) कोड को फॉर्मेट और कंप्रेस करने के लिए एक शक्तिशाली ऑनलाइन उपकरण। कस्टम इंडेंटेशन (टैब या स्पेस), कोड फोल्डिंग/एक्सपेंडिंग, ऑटो वर्ड रैप, वन-क्लिक ब्यूटीफिकेशन और JS स्क्रिप्ट्स को कुशलतापूर्वक कंप्रेस/ऑब्फ़्यूस्केट करने का समर्थन करता है, जो डेवलपर्स को कोड पठनीयता में सुधार, फ़ाइल आकार कम करने और वेबसाइट प्रदर्शन को अनुकूलित करने में मदद करता है।
YAML से JSON कनवर्टर - मुफ्त ऑनलाइन टूलबॉक्स
ऑनलाइन YAML (YML) और JSON प्रारूप के बीच परस्पर रूपांतरण टूल, YAML डेटा और JSON डेटा के बीच परस्पर रूपांतरण का समर्थन करता है, साथ ही इनपुट किए गए YAML प्रारूप डेटा और JSON प्रारूप डेटा के सही होने की पुष्टि भी करता है।