मार्कडाउन प्रीव्यूअर

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

क्या इस कैलकुलेटर ने आपकी मदद की?

मार्कडाउन प्रीव्यूअर क्या है?

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

इस कैलकुलेटर का उपयोग कब करें

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

चरण:

अपना मार्कडाउन बाएं पैनल में टाइप करें या पेस्ट करें।
दाईं ओर रेंडर हुए HTML प्रीव्यू को तुरंत अपडेट होते देखें।
प्रीव्यू आपके इरादे से मेल खाने तक अपने सिंटैक्स को समायोजित करें।
परिणाम से संतुष्ट होने पर अपना पूर्ण मार्कडाउन सोर्स कॉपी करें।

सूत्र

# शीर्षक →

शीर्षक

**बोल्ड** → बोल्ड *इटैलिक* → इटैलिक `कोड` → कोड [टेक्स्ट](url) → टेक्स्ट - आइटम →

आइटम

उपयोग के मामले

किसी GitHub या GitLab README को कमिट करने से पहले प्रीव्यू करना
Slack, Discord, या अन्य मार्कडाउन-समर्थित चैट ऐप के लिए फ़ॉर्मेटेड मैसेज तैयार करना
प्रकाशित करने से पहले ब्लॉग पोस्ट या डॉक्यूमेंटेशन फ़ॉर्मेटिंग जांचना
प्रयोग करके और तुरंत परिणाम देखकर मार्कडाउन सिंटैक्स सीखना
किसी छोटे मार्कडाउन स्निपेट को कहीं और पेस्ट करने के लिए तुरंत HTML में बदलना

मुख्य लाभ

अपने मार्कडाउन को सोर्स के साथ साथ तुरंत रेंडर होते देखें
कहीं भी प्रकाशित करने से पहले सिंटैक्स गलतियां पकड़ें
पूरी तरह ऑफ़लाइन आपके ब्राउज़र में चलता है — कुछ भी अपलोड नहीं होता
मुफ़्त, बिना साइन-अप, सामान्य उपयोग के लिए कोई फ़ाइल साइज़ सीमा नहीं

प्रो टिप्स

विभिन्न मार्कडाउन पार्सर में सबसे विश्वसनीय रेंडरिंग के लिए लिस्ट और कोड ब्लॉक के पहले और बाद में एक खाली लाइन जोड़ें
अस्पष्टता से बचने के लिए बोल्ड के लिए डबल एस्टेरिस्क और इटैलिक्स के लिए सिंगल एस्टेरिस्क (या अंडरस्कोर) का उपयोग करें
पहले इस टूल में प्रीव्यू करें, फिर टार्गेट प्लेटफ़ॉर्म (GitHub, Slack, आदि) जांचें क्योंकि कुछ अतिरिक्त सिंटैक्स जैसे टेबल का समर्थन करते हैं
बेहतर डॉक्यूमेंट संरचना और एक्सेसिबिलिटी के लिए हेडिंग को क्रमिक रखें (# से सीधे ### पर न जाएं)

सामान्य गलतियाँ जिनसे बचना चाहिए

किसी पैराग्राफ और उसके बाद आने वाली लिस्ट के बीच ज़रूरी खाली लाइन भूल जाना
हेडिंग में # चिह्नों के बाद स्पेस मिस करना, जिससे वे रेंडर नहीं होते
कोड फेंस (```) को बंद न करना, जो दस्तावेज़ के बाकी हिस्से को कोड के रूप में निगल लेता है
बोल्ड के लिए डबल एस्टेरिस्क की बजाय सिंगल एस्टेरिस्क का उपयोग करना, जिससे इटैलिक्स बन जाता है

मुख्य शर्तें समझाई गईं

CommonMark: मार्कडाउन सिंटैक्स का एक मानकीकृत स्पेसिफिकेशन, जो असंगतियों को कम करने के लिए डिज़ाइन किया गया है
GFM: GitHub-Flavored Markdown, टेबल और टास्क लिस्ट का समर्थन करने वाला एक विस्तारित डायलेक्ट
कोड फेंस: ट्रिपल बैकटिक्स (```) से सीमांकित एक ब्लॉक जो मल्टी-लाइन कोड को फ़ॉर्मेट करने के लिए उपयोग होता है
इनलाइन फ़ॉर्मेटिंग: एक ही लाइन के भीतर लागू फ़ॉर्मेटिंग, जैसे *italic* या `code`, ब्लॉक-स्तरीय तत्वों के विपरीत

उदाहरण

"## Hello\n\nThis is **bold** and this is *italic*." टाइप करने पर एक स्तर-2 हेडिंग के बाद बोल्ड और इटैलिक टेक्स्ट वाला एक पैराग्राफ रेंडर होता है।

आपके परिणामों की व्याख्या

बायाँ पैनल आपका कच्चा Markdown सोर्स टेक्स्ट दिखाता है, और दायाँ पैनल इसे रीयल टाइम में फ़ॉर्मेटेड HTML के रूप में रेंडर करता है। हर कीस्ट्रोक प्रीव्यू को तुरंत अपडेट करता है, ताकि आप हर सिंटैक्स तत्व का प्रभाव तुरंत देख सकें। सामान्य रेंडरिंग समस्याएं आमतौर पर स्पेसिंग से जुड़ी होती हैं। अधिकांश रेंडरर्स के लिए पैराग्राफ और उसके बाद आने वाली लिस्ट के बीच एक खाली लाइन आवश्यक है। हेडिंग में # प्रतीकों के बाद एक स्पेस चाहिए। कोड फेंस (```) को कोड ब्लॉक रेंडरिंग शुरू करने के लिए अपनी खुद की लाइन पर होना चाहिए। प्रीव्यू इस बात का करीबी अनुमान है कि आपका Markdown अधिकांश प्लेटफ़ॉर्म (GitHub, Slack, Discord आदि) पर कैसा दिखेगा, लेकिन प्रत्येक प्लेटफ़ॉर्म का अपना रेंडरर होता है जिसमें थोड़ा अंतर होता है। बुनियादी फ़ॉर्मेटिंग से परे किसी भी चीज़ के लिए हमेशा लक्षित प्लेटफ़ॉर्म पर अंतिम जाँच करें।

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

यह टूल किस मार्कडाउन सिंटैक्स का समर्थन करता है?

हेडिंग (# से ###### तक), बोल्ड (**text**), इटैलिक (*text*), इनलाइन कोड (`code`), कोड ब्लॉक (```), लिंक ([text](url)), बुलेटेड सूची (- item), क्रमांकित सूची (1. item), और ब्लॉककोट (> text)।

क्या मेरी सामग्री कहीं सहेजी या अपलोड की जाती है?

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

मेरी फ़ॉर्मेटिंग सही ढंग से क्यों नहीं दिख रही?

मार्कडाउन के लिए सटीक सिंटैक्स चाहिए — उदाहरण के लिए, कई रेंडरर्स के लिए किसी पैराग्राफ और लिस्ट को सही ढंग से अलग करने के लिए उनके बीच एक खाली लाइन चाहिए होती है, और हेडिंग में # चिह्नों के बाद एक स्पेस चाहिए होता है। जिस फ़ॉर्मेटिंग का उपयोग कर रहे हैं उसके आसपास गायब स्पेस या लाइन ब्रेक जांचें।

क्या मैं इसे कमिट करने से पहले GitHub README प्रीव्यू करने के लिए उपयोग कर सकता हूं?

हाँ, इस टूल द्वारा समर्थित सामान्य Markdown तत्वों के लिए। GitHub का रेंडरर कुछ अतिरिक्त GitHub-Flavored Markdown एक्सटेंशन (जैसे टेबल और टास्क लिस्ट) का समर्थन करता है जो इस हल्के प्रीव्यूअर में शामिल नहीं हैं, इसलिए बुनियादी सिंटैक्स से परे किसी भी चीज़ के लिए GitHub पर अंतिम रेंडरिंग की हमेशा दोबारा जाँच करें।

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Markdown और HTML में क्या अंतर है?

Markdown एक हल्की मार्कअप भाषा है जिसे सादे टेक्स्ट के रूप में लिखना और पढ़ना आसान है। HTML एक पूर्ण मार्कअप भाषा है जिसकी सिंटैक्स अधिक जटिल है। प्रदर्शन के लिए Markdown को अक्सर HTML में बदला जाता है। यह टूल Markdown को रीयल टाइम में HTML के रूप में रेंडर करता है।

How do I create a table in Markdown?

मानक Markdown टेबल का समर्थन नहीं करता, लेकिन GitHub-Flavored Markdown करता है। कॉलम अलग करने के लिए पाइप वर्ण (|) और हेडर सेपरेटर के लिए हाइफ़न का उपयोग करें। यह प्रीव्यूअर टेबल रेंडर नहीं करता — अपने लक्षित प्लेटफ़ॉर्म पर अंतिम रेंडरिंग की जाँच करें।

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

मार्कडाउन प्रीव्यूअर

मार्कडाउन

प्रीव्यू

Hello World

Type markdown on the left and see it rendered here.

Live preview
No sign-up
Runs entirely in your browser

Nothing you type ever leaves your device.


console.log("code blocks work too")

सब कुछ आपके ब्राउज़र में स्थानीय रूप से रेंडर होता है — आपके द्वारा टाइप किया गया कुछ भी कभी कहीं नहीं भेजा जाता।

क्या इस कैलकुलेटर ने आपकी मदद की?