Markdown से HTML

यह टूल CommonMark और GitHub Flavored Markdown (GFM) का उपयोग कर Markdown को HTML में बदलता है; पैरा के अंदर की लाइन ब्रेक <br> के रूप में रेंडर होती हैं। आप रेंडर किया गया प्रिव्यू देख सकते हैं या HTML-स्रोत दृश्य में जाकर उत्पन्न टैग जाँच सकते हैं। आउटपुट ब्लॉग प्लैटफ़ॉर्म, ईमेल टूल, या किसी भी जगह चिपकाने योग्य है जहाँ HTML स्वीकार किया जाता है।

उदाहरण

इनपुट Markdown:

# Release notes

We shipped **three** things this week:

- [x] Faster cold start
- [ ] Dark mode (next week)

See the [docs](https://example.com/docs) for details.

```js
console.log("hello");
```

रेंडर किया गया HTML स्रोत:

<h1>Release notes</h1>
<p>We shipped <strong>three</strong> things this week:</p>
<ul>
<li><input type="checkbox" checked disabled> Faster cold start</li>
<li><input type="checkbox" disabled> Dark mode (next week)</li>
</ul>
<p>See the <a href="https://example.com/docs">docs</a> for details.</p>
<pre><code class="language-js">console.log("hello");
</code></pre>

सामान्य त्रुटियाँ और सावधानियाँ

Markdown रेंडर में ज़्यादातर गड़बड़ियाँ सिंटैक्स की कुछ गिनी-चुनी परेशानियों से आती हैं। अगर प्रिव्यू ग़लत दिखे, तो आमतौर पर नीचे लिखी कोई एक वजह होती है।

• सूची से पहले ख़ाली लाइन ग़ायब। "प्रस्तावना\n- आइटम" एक ही पैराग्राफ़ की तरह रेंडर होता है। प्रस्तावना और पहले सूची-आइटम के बीच ख़ाली लाइन डालें।
• पैराग्राफ़ की जगह इंडेंटेड कोड ब्लॉक। शुरुआत में चार स्पेस किसी भी लाइन को कोड ब्लॉक बना देते हैं। इंडेंट हटाएँ या स्पष्ट रूप से ``` फ़ेंस्ड ब्लॉक का उपयोग करें।
• टूटी हुई टेबल। हर GFM टेबल को सेपरेटर पंक्ति (| --- | --- |) चाहिए, हर कॉलम में कम से कम तीन डैश, और हर पंक्ति में उतनी ही पाइप्स होनी चाहिए।
• URL में स्पेस वाला लिंक। [click](my page.html) पार्सर को तोड़ देता है। स्पेस को %20 के रूप में URL-एन्कोड करें या एंगल ब्रैकेट लगाएँ: <my page.html>।
• शब्दों के बीच ऐस्टरिस्क। wild*card आस-पास के टेक्स्ट के आधार पर इम्फ़ैसिस बन भी सकता है और नहीं भी। बैकस्लैश से एस्केप करें: wild\*card।
• कोड ब्लॉक के भीतर HTML एस्केप। &lt; वाले स्निपेट्स ज्यों के त्यों दिखते हैं क्योंकि वे पहले से एस्केप्ड हैं। एस्केप होने से पहले का कच्चा स्रोत चिपकाएँ।

यह टूल Markdown का कौन-सा फ़्लेवर समर्थित करता है?

CommonMark के साथ GitHub Flavored Markdown (GFM)। इसमें टेबल, फ़ेंस्ड कोड ब्लॉक, टास्क लिस्ट, स्ट्राइकथ्रू और ऑटो-लिंक्ड URL शामिल हैं। पैरा के अंदर लाइन ब्रेक <br> टैग बन जाते हैं क्योंकि breaks विकल्प चालू है — यह GitHub कमेंट्स और अधिकांश चैट ऐप्स के रेंडर से मेल खाता है।

क्या मेरे Markdown में मौजूद HTML सैनिटाइज़ होता है?

नहीं। रेंडर प्रिव्यू डिफ़ॉल्ट रूप से कच्चे HTML को बिना बदले पास कर देता है, ताकि <details> या <kbd> जैसी चीज़ें काम करें। अविश्वसनीय Markdown को सीधे किसी सार्वजनिक साइट पर न चिपकाएँ — पहले DOMPurify जैसे सैनिटाइज़र से गुज़ारें।

क्या फ़ुटनोट, गणितीय सूत्र या डायग्राम समर्थित हैं?

नहीं। यह शुद्ध GFM है। फ़ुटनोट, गणित (KaTeX/MathJax) और Mermaid डायग्राम GitHub या प्लैटफ़ॉर्म एक्सटेंशन हैं और यहाँ रेंडर नहीं होते। अगर ज़रूरत हो तो संबंधित प्लगइन वाले Markdown रेंडरर का उपयोग करें, या आउटपुट को ऐसी प्लैटफ़ॉर्म पर चिपकाएँ जहाँ वह रेंडर हो।

"HTML कॉपी करें" पर क्लिक करने पर क्या होता है?

Clipboard API के ज़रिए रेंडर किया गया HTML स्रोत आपके क्लिपबोर्ड में चला जाता है — पेज के रैपर क्रोम के बिना, केवल आपके Markdown से बने टैग। आप उसे CMS, ईमेल एडिटर, या सीधे किसी फ़ाइल में चिपका सकते हैं। डिस्क पर कोई फ़ाइल नहीं बनती।

मेरी टेबल मिस-अलाइंड क्यों दिखती है?

GFM टेबल्स के लिए हेडर पंक्ति, हर कॉलम में कम से कम तीन डैश वाली सेपरेटर पंक्ति और सेल्स के बीच पाइप्स चाहिए। अगर पाइप ग़ायब हो या सेपरेटर में केवल दो डैश हों, तो टेबल चुपचाप फ़ेल हो जाती है। HTML स्रोत दृश्य पर जाकर देखें कि <table> वास्तव में बना है या नहीं।

क्या आप यहाँ चिपकाया गया Markdown सहेजते हैं?

नहीं। आप जो Markdown टाइप करते या चिपकाते हैं, हम उसे सहेजते नहीं; और आप जो HTML डाउनलोड करते हैं, वह भी हमारे पास नहीं रहता। टैब बंद या रिफ्रेश होते ही सब कुछ हट जाता है — कोई लॉग नहीं, हमारी तरफ़ आपके लिखे का कोई रिकॉर्ड नहीं। चाहें तो ब्राउज़र डेवलपर टूल्स में जाँच लें।