Markdown पूर्वावलोकन
लाइव पूर्वावलोकन के साथ Markdown को HTML में रेंडर करें।
आपका Markdown आपके browser में स्थानीय रूप से रेंडर होता है और कुछ भी किसी सर्वर पर अपलोड नहीं होता।
MDX docs के साथ काम कर रहे हैं? MDX Converter आज़माएँ।
Markdown पूर्वावलोकन के बारे में
यह markdown preview टूल आपके Markdown को टाइप करते ही साथ-साथ साफ HTML में रेंडर करता है, ताकि आप ठीक से देख सकें कि एक README, doc, या टिप्पणी कैसी दिखेगी। यह GitHub-flavoured Markdown (GFM) को सपोर्ट करता है, जिसमें टेबल, fenced code blocks, task-style सूचियाँ, blockquotes, लिंक, और इनलाइन फ़ॉर्मैटिंग शामिल हैं। इसे एक त्वरित markdown editor और markdown viewer के रूप में दस्तावेज़ ड्राफ्ट करने, repo में पुश करने से पहले फ़ॉर्मैटिंग जाँचने, या markdown को html में बदलकर परिणाम को CMS में कॉपी करने के लिए उपयोग करें। रेंडर किया गया आउटपुट सैनिटाइज़ किया जाता है, सुरक्षित प्रीव्यू के लिए scripts और event handlers हटा दिए जाते हैं। यह उन डेवलपर्स, तकनीकी लेखकों, और QA के लिए बनाया गया है जिन्हें तेज़, सटीक gfm preview चाहिए। सब कुछ आपके browser में स्थानीय रूप से प्रोसेस होता है, इसलिए आपका ड्राफ्ट आपके डिवाइस से बाहर नहीं जाता।
विशेषताएँ
- लाइव साथ-साथ प्रीव्यू जो टाइप करते ही अपडेट होता है
- टेबल, fenced code blocks और task सूचियों के साथ GitHub-flavoured Markdown
- हेडिंग, सूचियाँ, blockquotes, लिंक और इनलाइन emphasis को सपोर्ट करता है
- एकल newline को line break के रूप में रेंडर करता है, comment-style Markdown से मेल खाते हुए
- सैनिटाइज़ किया गया आउटपुट scripts, iframes, event handlers और असुरक्षित HTML हटाता है
- एक क्लिक में रेंडर किए गए HTML को अपने क्लिपबोर्ड पर कॉपी करें
- परिणाम को उपयोग के लिए तैयार .html फ़ाइल के रूप में डाउनलोड करें
- पूरी तरह से आपके browser में चलता है
Markdown पूर्वावलोकन का उपयोग कैसे करें
- अपना Markdown बाईं ओर के इनपुट बॉक्स में टाइप या पेस्ट करें।
- Preview पैन में रेंडर किए गए HTML को तुरंत दिखते देखें।
- रेंडर किए गए मार्कअप को अपने क्लिपबोर्ड पर लेने के लिए Copy HTML पर क्लिक करें।
- आउटपुट को फ़ाइल के रूप में डाउनलोड करने के लिए .html बटन का उपयोग करें, या फिर से शुरू करने के लिए Clear करें।
उदाहरण
इनपुट
# शीर्षक
- **बोल्ड** आइटम
- [लिंक](https://example.com)
आउटपुट
<h1>शीर्षक</h1>
<ul>
<li><strong>बोल्ड</strong> आइटम</li>
<li><a href="https://example.com">लिंक</a></li>
</ul>
Markdown हेडिंग, सूचियाँ और इनलाइन फ़ॉर्मैटिंग HTML में रेंडर की गईं।
सामान्य त्रुटियाँ और समस्या निवारण
- एक टेबल रेंडर नहीं होती और सादे टेक्स्ट के रूप में दिखती है। — GFM टेबल को एक हेडर पंक्ति और डैश व पाइप की एक सेपरेटर लाइन चाहिए, जैसे | A | B | के बाद | --- | --- |। सुनिश्चित करें कि हर पंक्ति में मिलते-जुलते पाइप हों।
- एक code block की फ़ॉर्मैटिंग बाकी दस्तावेज़ में लीक हो जाती है। — हर fenced block को एक मिलती-जुलती triple-backtick लाइन से बंद करें। एक खुला fence रेंडरर को बाकी टेक्स्ट को code मानने पर मजबूर कर देता है।
- एकल line break अपेक्षा के अनुसार सुरक्षित नहीं रहते। — यह प्रीव्यू एकल newline को line break के रूप में रेंडर करता है; यदि आपको अलग पैराग्राफ चाहिए, तो टेक्स्ट के ब्लॉकों के बीच एक खाली लाइन छोड़ें।
- script या iframe जैसे raw HTML टैग प्रीव्यू से गायब हो जाते हैं। — आउटपुट सैनिटाइज़ किया जाता है, इसलिए scripts, iframes और इनलाइन event handlers डिज़ाइन के अनुसार हटा दिए जाते हैं। इसके बजाय सादा Markdown या सुरक्षित इनलाइन HTML उपयोग करें।
अक्सर पूछे जाने वाले प्रश्न
- ArrayKit Markdown Preview टूल क्या है?
- यह एक लाइव markdown preview है जो आपके Markdown को टाइप करते ही साथ-साथ साफ HTML में रेंडर करता है, ताकि आप प्रकाशित करने से पहले README, doc और टिप्पणियों की फ़ॉर्मैटिंग जाँच सकें।
- क्या Markdown Preview GitHub-flavoured Markdown को सपोर्ट करता है?
- हाँ। Markdown Preview GFM को रेंडर करता है, इसलिए टेबल, fenced code blocks और task-style सूचियाँ सभी प्रीव्यू पैन में सही ढंग से दिखती हैं।
- मैं रेंडर किए गए HTML को कैसे कॉपी या डाउनलोड करूँ?
- रेंडर किए गए मार्कअप को अपने क्लिपबोर्ड पर भेजने के लिए Copy HTML पर क्लिक करें, या इसे उपयोग के लिए तैयार फ़ाइल के रूप में डाउनलोड करने के लिए .html बटन का उपयोग करें।
- क्या Markdown Preview से बना HTML फिर से उपयोग के लिए सुरक्षित है?
- हाँ। आउटपुट सैनिटाइज़ किया जाता है, scripts, iframes और इनलाइन event handlers हटा दिए जाते हैं ताकि रेंडर किया गया HTML कहीं और पेस्ट करने के लिए सुरक्षित रहे।
- क्या Markdown Preview एकल line break रखता है?
- हाँ। एकल newline line break के रूप में रेंडर होते हैं, जो इस बात से मेल खाता है कि टिप्पणियाँ और चैट-style Markdown आमतौर पर कैसे व्यवहार करते हैं।
- जब मैं इस प्रीव्यू का उपयोग करता हूँ तो क्या मेरा Markdown किसी सर्वर पर भेजा जाता है?
- नहीं। आपका Markdown पूरी तरह से आपके browser में रेंडर होता है और कभी आपके डिवाइस से बाहर नहीं जाता।
संबंधित टूल
- MDX कन्वर्टर — MDX को टेक्स्ट के रूप में रेंडर करें, HTML → MDX कन्वर्ट करें और टेक्स्ट को लिटरल MDX में एस्केप करें।
- HTML फ़ॉर्मेटर — HTML को सुंदर या छोटा बनाएँ, इनलाइन CSS/JS फ़ॉर्मेट करें और परिणाम का पूर्वावलोकन करें।
- HTML एस्केप / अनएस्केप — HTML विशेष वर्णों और एंटिटीज़ को एस्केप और अनएस्केप करें।
- टेक्स्ट तुलना — दो टेक्स्ट की पंक्ति-दर-पंक्ति तुलना करें और जोड़ और हटाव देखें।
- PDF से टेक्स्ट — PDF से चयन योग्य टेक्स्ट को सादे टेक्स्ट या Markdown के रूप में निकालें।
- Mermaid डायग्राम रेंडरर — Mermaid डायग्राम (फ़्लो, सीक्वेंस, गैंट) को अपने ब्राउज़र में SVG के रूप में रेंडर करें।
- JSON फ़ॉर्मेटर — त्रुटि की स्थिति के साथ JSON को सुंदर बनाएँ, छोटा करें और वैलिडेट करें।
- CSS / SCSS फ़ॉर्मेटर — CSS/SCSS/LESS को सुंदर या छोटा बनाएँ, प्रॉपर्टी क्रमबद्ध करें और डुप्लिकेट हटाएँ।
सभी ArrayKit टूल