Markdown से HTML क्या है?

Markdown to HTML आपके Markdown कंटेंट को रियल टाइम में सही संरचना वाले HTML में बदलता है। यह टेबल, कोड ब्लॉक और टास्क लिस्ट सहित पूरा CommonMark सिंटैक्स सपोर्ट करता है, ताकि आप कंटेंट का प्रीव्यू देख सकें या CMS के लिए HTML जेनरेट कर सकें।

रूपांतरण marked पार्सर और GitHub Flavored Markdown एक्सटेंशन से होता है, इसलिए टेबल, फेंस्ड कोड ब्लॉक, टास्क लिस्ट और ऑटोलिंक GitHub README जैसा ही दिखते हैं। प्रीव्यू टाइप करते-करते अपडेट होता है और सोर्स व्यू वही HTML दिखाता है जो आप कॉपी करेंगे—बिना किसी इनलाइन स्टाइल के सिमेंटिक h1–h6, ul/ol, pre/code और img टैग। एक-पंक्ति वाले सघन आउटपुट के लिए «मिनिफ़ाई» चालू करें; डाउनलोड सब कुछ एक स्वतंत्र .html दस्तावेज़ में लपेटता है, या टेम्पलेट सेट करने पर आपके अपने टेम्पलेट में।

उपयोग कैसे करें

1. एडिटर में अपना Markdown कंटेंट टाइप या पेस्ट करें — हेडिंग, लिस्ट, लिंक, इमेज, कोड ब्लॉक और टेबल सभी सपोर्टेड हैं।
2. रेंडर किया गया HTML प्रीव्यू रियल टाइम में अपडेट होता देखें, और प्रीव्यू मोड और रॉ HTML सोर्स के बीच टॉगल करें।
3. क्लीन HTML आउटपुट कॉपी करें या अपनी वेबसाइट या CMS में उपयोग के लिए .html फ़ाइल डाउनलोड करें।

कब उपयोग करें

• Markdown में ब्लॉग पोस्ट लिखकर ऐसे CMS में साफ़ HTML पेस्ट करना जो .md स्वीकार नहीं करता।
• किसी प्रोजेक्ट के README को HTML में बदलकर डॉक्यूमेंटेशन साइट या लैंडिंग पेज पर लगाना।
• पब्लिश करने से पहले देखना कि फुटनोट या टास्क लिस्ट जैसे कम परिचित Markdown सिंटेक्स कैसे रेंडर होते हैं।

परिणाम

आपने Markdown में एक टेक्निकल ट्यूटोरियल लिखा है और इसे ऐसे CMS में पेस्ट करना है जो केवल HTML स्वीकार करता है। इसे यहाँ कन्वर्ट करें और सही हेडिंग हायरार्की व कोड हाइलाइटिंग मार्कअप के साथ क्लीन, सेमैंटिक HTML पाएँ।

अक्सर पूछे जाने वाले प्रश्न

यह टूल Markdown के कौन से वेरिएंट को सपोर्ट करता है?

CommonMark के ऊपर GitHub Flavored Markdown (GFM)। इसमें पाइप-वाली टेबल, भाषा संकेत के साथ फेंस्ड कोड, ~~स्ट्राइकथ्रू~~, [x] / [ ] टास्क लिस्ट और URL का ऑटो-लिंकीकरण शामिल है।

क्या आउटपुट HTML में इनलाइन CSS या क्लास होंगी?

नहीं। आउटपुट शुद्ध सिमेंटिक HTML है—h1, h2, p, ul, pre, code, img. अपना CSS लगा दीजिए ताकि अंतिम पेज आपकी साइट की टाइपोग्राफी से मेल खाए और फ्रेमवर्क के डिफ़ॉल्ट स्टाइल से न टकराए।

क्या कोड ब्लॉक पर सिंटेक्स हाइलाइटिंग लगती है?

कोड <pre><code class="language-xxx"> में लिपटा रहता है, इसलिए पेज पर लगाने के बाद Prism या highlight.js जैसा हाइलाइटर रंग जोड़ देता है। रूपांतरण खुद कोई रंग नहीं डालता।

Markdown के अंदर लिखे HTML टैग का क्या होगा?

वे ज्यों के त्यों बने रहते हैं। एम्बेड वीडियो या कोलैप्सिबल सेक्शन जैसी चीज़ें जब सिंटेक्स से कवर नहीं होतीं, तो <div>, <iframe> या <details> को Markdown के बीच में सीधे लिखा जा सकता है।

क्या यहाँ HTML को वापस Markdown में बदला जा सकता है?

यह टूल केवल Markdown से HTML की दिशा में काम करता है। उल्टा रूपांतरण करने के लिए अलग HTML-to-Markdown कन्वर्टर देखें। HTML में स्टाइल और लेआउट होते हैं जिन्हें Markdown पूरी तरह व्यक्त नहीं कर पाता, इसलिए प्रक्रिया अलग है।

संबंधित उपकरण