Markdown Preview ऑनलाइन

Markdown preview ऑनलाइन: टाइप करते ही GitHub-flavoured Markdown को साफ HTML में लाइव रेंडर करें, फिर उसे कॉपी या डाउनलोड करें। पूरी तरह आपके browser में चलता है।

आपका Markdown आपके browser में स्थानीय रूप से रेंडर होता है और कुछ भी किसी सर्वर पर अपलोड नहीं होता।

निर्माण और रखरखाव: Udit Agarwal

Markdown Syntax, Explained

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 में कॉपी करने के लिए उपयोग करें। डिफ़ॉल्ट रूप से एकल newline, line break बनती है; GitHub style टॉगल चालू करने पर वह README की तरह space बन जाती है। script, iframe जैसे टैग, event attributes और javascript: लिंक हटा दिए जाते हैं, पर यह एक बुनियादी फ़िल्टर है, पूरा सैनिटाइज़र नहीं। यह उन डेवलपर्स, तकनीकी लेखकों, और QA के लिए बनाया गया है जिन्हें तेज़, सटीक gfm preview चाहिए। सब कुछ आपके browser में स्थानीय रूप से प्रोसेस होता है, इसलिए आपका ड्राफ्ट आपके डिवाइस से बाहर नहीं जाता।

विशेषताएँ

• लाइव साथ-साथ प्रीव्यू जो टाइप करते ही अपडेट होता है
• टेबल, fenced code blocks और task सूचियों के साथ GitHub-flavoured Markdown
• हेडिंग, सूचियाँ, blockquotes, लिंक और इनलाइन emphasis को सपोर्ट करता है
• डिफ़ॉल्ट रूप से एकल newline को line break बनाता है; GitHub style उन्हें README की तरह space बना देता है
• script, style, iframe, object, embed, link, meta और base टैग, event attributes और javascript: लिंक हटाता है
• एक क्लिक में रेंडर किए गए HTML को अपने क्लिपबोर्ड पर कॉपी करें
• परिणाम को उपयोग के लिए तैयार .html फ़ाइल के रूप में डाउनलोड करें
• पूरी तरह से आपके browser में चलता है

Markdown पूर्वावलोकन का उपयोग कैसे करें

1. अपना Markdown बाईं ओर के इनपुट बॉक्स में टाइप या पेस्ट करें।
2. Preview पैन में रेंडर किए गए HTML को तुरंत दिखते देखें।
3. रेंडर किए गए मार्कअप को अपने क्लिपबोर्ड पर लेने के लिए Copy HTML पर क्लिक करें।
4. आउटपुट को फ़ाइल के रूप में डाउनलोड करने के लिए .html बटन का उपयोग करें, या फिर से शुरू करने के लिए Clear करें।

उदाहरण

इनपुट

# Title

- **Bold** item
- [Link](https://example.com)

आउटपुट

<h1>Title</h1>
<ul>
<li><strong>Bold</strong> item</li>
<li><a href="https://example.com">Link</a></li>
</ul>

Markdown हेडिंग, सूचियाँ और इनलाइन फ़ॉर्मैटिंग HTML में रेंडर की गईं।

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

• एक टेबल रेंडर नहीं होती और सादे टेक्स्ट के रूप में दिखती है। — GFM टेबल को एक हेडर पंक्ति और डैश व पाइप की एक सेपरेटर लाइन चाहिए, जैसे | A | B | के बाद | --- | --- |। सुनिश्चित करें कि हर पंक्ति में मिलते-जुलते पाइप हों।
• एक code block की फ़ॉर्मैटिंग बाकी दस्तावेज़ में लीक हो जाती है। — हर fenced block को एक मिलती-जुलती triple-backtick लाइन से बंद करें। एक खुला fence रेंडरर को बाकी टेक्स्ट को code मानने पर मजबूर कर देता है।
• एकल line break अपेक्षा के अनुसार सुरक्षित नहीं रहते। — डिफ़ॉल्ट रूप से एकल newline, line break बनती है। उसे space की तरह मानने के लिए GitHub style चालू करें, जैसे GitHub README दिखाता है, और अलग पैराग्राफ के लिए ब्लॉकों के बीच एक खाली लाइन छोड़ें।
• script या iframe जैसे raw HTML टैग प्रीव्यू से गायब हो जाते हैं। — script, style, iframe, object, embed, link, meta और base टैग और on* event attributes डिज़ाइन के अनुसार हटा दिए जाते हैं। इसके बजाय सादा 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 से क्या हटाता है?

script, style, iframe, object, embed, link, meta और base टैग, onclick जैसे on* event attributes, और javascript: से शुरू होने वाले लिंक। यह एक बुनियादी फ़िल्टर है, पूरा सैनिटाइज़र नहीं, इसलिए अगर Markdown किसी अनजान स्रोत से आया है तो प्रकाशित करने से पहले HTML को किसी सही सैनिटाइज़र से साफ़ करें।

क्या Markdown Preview एकल line break रखता है?

डिफ़ॉल्ट रूप से हाँ: एकल newline, line break बनती है, जैसे टिप्पणियों और चैट में। GitHub style चालू करने पर एकल newline space बन जाती हैं, जैसे GitHub README दिखाता है।

जब मैं इस प्रीव्यू का उपयोग करता हूँ तो क्या मेरा 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 को सुंदर या छोटा बनाएँ, प्रॉपर्टी क्रमबद्ध करें और डुप्लिकेट हटाएँ।

कोड फ़ॉर्मेटर के और टूल

• Regex टेस्टर — मैच, ग्रुप और फ़्लैग के साथ रेगुलर एक्सप्रेशन लाइव टेस्ट करें।
• CSS कलर कन्वर्टर — लाइव स्वैच के साथ HEX, RGB और HSL के बीच कन्वर्ट करें।
• टेक्स्ट तुलना — दो टेक्स्ट की पंक्ति-दर-पंक्ति तुलना करें और जोड़ और हटाव देखें।
• MDX कन्वर्टर — MDX को टेक्स्ट के रूप में रेंडर करें, HTML → MDX कन्वर्ट करें और टेक्स्ट को लिटरल MDX में एस्केप करें।
• CSS / SCSS फ़ॉर्मेटर — CSS/SCSS/LESS को सुंदर या छोटा बनाएँ, प्रॉपर्टी क्रमबद्ध करें और डुप्लिकेट हटाएँ।
• JS / TS फ़ॉर्मेटर — Prettier विकल्पों के साथ JavaScript, TypeScript और JSX/TSX को सुंदर बनाएं, या सादा JavaScript मिनिफ़ाई करें।
• HTML फ़ॉर्मेटर — HTML को सुंदर या छोटा बनाएँ, इनलाइन CSS/JS फ़ॉर्मेट करें और परिणाम का पूर्वावलोकन करें।
• XML फ़ॉर्मेटर — XML को सुंदर बनाएँ, छोटा करें और वैलिडेट करें, और XML ↔ JSON कन्वर्ट करें।
• SQL फ़ॉर्मेटर — MySQL, PostgreSQL, SQL Server, SQLite, BigQuery और Oracle के लिए SQL फ़ॉर्मेट करें।
• GraphQL फ़ॉर्मेटर — GraphQL क्वेरी और स्कीमा फ़ॉर्मेट या छोटा करें, सिंटैक्स वैलिडेट करें और ऑपरेशन निकालें।
• Dockerfile फ़ॉर्मेटर — Dockerfile फ़ॉर्मेट करें और सर्वोत्तम प्रथाओं तथा lint सुझाव प्राप्त करें।
• MongoDB क्वेरी फ़ॉर्मेटर — MongoDB शेल क्वेरी और एग्रीगेशन पाइपलाइन फ़ॉर्मेट करें।

कोड फ़ॉर्मेटर के सभी टूल देखें (32) · सभी टूल