मार्कडाउन प्रीव्यूअर क्या है?
मार्कडाउन एक हल्का फ़ॉर्मेटिंग सिंटैक्स है जो README, ब्लॉग पोस्ट, चैट मैसेज, डॉक्यूमेंटेशन, और अनगिनत अन्य जगहों के पीछे है जहां आप बिना रॉ HTML लिखे सरल, पठनीय फ़ॉर्मेटिंग चाहते हैं। चूंकि मार्कडाउन प्लेन टेक्स्ट है, इसे कहीं भी लिखना आसान है — लेकिन सिंटैक्स को थोड़ा गलत करना और प्रकाशित करने तक इसे नोटिस न करना भी उतना ही आसान है।
यह प्रीव्यूअर आपके टाइप करते ही आपके मार्कडाउन को सोर्स के साथ साथ रेंडर करता है, ताकि आप फ़ॉर्मेटिंग गलतियों को तुरंत पकड़ सकें — # के बाद गायब स्पेस, बंद न हुआ कोड फेंस, या ऊपर के पैराग्राफ से अलग न हुई लिस्ट — इससे पहले कि आप किसी README को कमिट करें, कोई पोस्ट प्रकाशित करें, या फ़ॉर्मेटेड मैसेज भेजें।
इस कैलकुलेटर का उपयोग कब करें
- GitHub या GitLab README लिखते समय और कमिट करने से पहले फ़ॉर्मेटिंग सत्यापित करना चाहते हों
- ब्लग प्लेटफ़ॉर्म, डॉक्यूमेंटेशन साइट या विकी के लिए Markdown पोस्ट का ड्राफ्ट बनाना
- भेजने से पहले Markdown ईमेल या चैट मैसेज सही ढंग से रेंडर हो रहा है या नहीं जांचना
- विभिन्न फ़ॉर्मेटिंग के साथ प्रयोग करके और तुरंत परिणाम देखकर Markdown सिंटैक्स सीखना
- CMS या ईमेल टेम्प्लेट में पेस्ट करने के लिए छोटे Markdown स्निपेट को HTML में बदलना
- ऐसे Markdown दस्तावेज़ को डीबग करना जहाँ कुछ फ़ॉर्मेटिंग अपेक्षा के अनुसार रेंडर नहीं हो रही
चरण:
- अपना मार्कडाउन बाएं पैनल में टाइप करें या पेस्ट करें।
- दाईं ओर रेंडर हुए HTML प्रीव्यू को तुरंत अपडेट होते देखें।
- प्रीव्यू आपके इरादे से मेल खाने तक अपने सिंटैक्स को समायोजित करें।
- परिणाम से संतुष्ट होने पर अपना पूर्ण मार्कडाउन सोर्स कॉपी करें।
सूत्र
# शीर्षक →
शीर्षक
**बोल्ड** → बोल्ड *इटैलिक* → इटैलिक `कोड` →कोड
[टेक्स्ट](url) → टेक्स्ट
- आइटम → - आइटम
उपयोग के मामले
- किसी GitHub या GitLab README को कमिट करने से पहले प्रीव्यू करना
- Slack, Discord, या अन्य मार्कडाउन-समर्थित चैट ऐप के लिए फ़ॉर्मेटेड मैसेज तैयार करना
- प्रकाशित करने से पहले ब्लॉग पोस्ट या डॉक्यूमेंटेशन फ़ॉर्मेटिंग जांचना
- प्रयोग करके और तुरंत परिणाम देखकर मार्कडाउन सिंटैक्स सीखना
- किसी छोटे मार्कडाउन स्निपेट को कहीं और पेस्ट करने के लिए तुरंत HTML में बदलना
मुख्य लाभ
- अपने मार्कडाउन को सोर्स के साथ साथ तुरंत रेंडर होते देखें
- कहीं भी प्रकाशित करने से पहले सिंटैक्स गलतियां पकड़ें
- पूरी तरह ऑफ़लाइन आपके ब्राउज़र में चलता है — कुछ भी अपलोड नहीं होता
- मुफ़्त, बिना साइन-अप, सामान्य उपयोग के लिए कोई फ़ाइल साइज़ सीमा नहीं
प्रो टिप्स
- विभिन्न मार्कडाउन पार्सर में सबसे विश्वसनीय रेंडरिंग के लिए लिस्ट और कोड ब्लॉक के पहले और बाद में एक खाली लाइन जोड़ें
- अस्पष्टता से बचने के लिए बोल्ड के लिए डबल एस्टेरिस्क और इटैलिक्स के लिए सिंगल एस्टेरिस्क (या अंडरस्कोर) का उपयोग करें
- पहले इस टूल में प्रीव्यू करें, फिर टार्गेट प्लेटफ़ॉर्म (GitHub, Slack, आदि) जांचें क्योंकि कुछ अतिरिक्त सिंटैक्स जैसे टेबल का समर्थन करते हैं
- बेहतर डॉक्यूमेंट संरचना और एक्सेसिबिलिटी के लिए हेडिंग को क्रमिक रखें (# से सीधे ### पर न जाएं)
सामान्य गलतियाँ जिनसे बचना चाहिए
- किसी पैराग्राफ और उसके बाद आने वाली लिस्ट के बीच ज़रूरी खाली लाइन भूल जाना
- हेडिंग में # चिह्नों के बाद स्पेस मिस करना, जिससे वे रेंडर नहीं होते
- कोड फेंस (```) को बंद न करना, जो दस्तावेज़ के बाकी हिस्से को कोड के रूप में निगल लेता है
- बोल्ड के लिए डबल एस्टेरिस्क की बजाय सिंगल एस्टेरिस्क का उपयोग करना, जिससे इटैलिक्स बन जाता है
मुख्य शर्तें समझाई गईं
- CommonMark: मार्कडाउन सिंटैक्स का एक मानकीकृत स्पेसिफिकेशन, जो असंगतियों को कम करने के लिए डिज़ाइन किया गया है
- GFM: GitHub-Flavored Markdown, टेबल और टास्क लिस्ट का समर्थन करने वाला एक विस्तारित डायलेक्ट
- कोड फेंस: ट्रिपल बैकटिक्स (```) से सीमांकित एक ब्लॉक जो मल्टी-लाइन कोड को फ़ॉर्मेट करने के लिए उपयोग होता है
- इनलाइन फ़ॉर्मेटिंग: एक ही लाइन के भीतर लागू फ़ॉर्मेटिंग, जैसे *italic* या `code`, ब्लॉक-स्तरीय तत्वों के विपरीत
संबंधित अवधारणाएँ
- JSON फ़ॉर्मेटर:
- रेगेक्स टेस्टर:
- पासवर्ड जेनरेटर:
- रंग कनवर्टर:
- URL एन्कोडर/डीकोडर:
उदाहरण
"## Hello
This is **bold** and this is *italic*." टाइप करने पर एक स्तर-2 हेडिंग के बाद बोल्ड और इटैलिक टेक्स्ट वाला एक पैराग्राफ रेंडर होता है।
आपके परिणामों की व्याख्या
बायाँ पैनल आपका कच्चा Markdown सोर्स टेक्स्ट दिखाता है, और दायाँ पैनल इसे रीयल टाइम में फ़ॉर्मेटेड HTML के रूप में रेंडर करता है। हर कीस्ट्रोक प्रीव्यू को तुरंत अपडेट करता है, ताकि आप हर सिंटैक्स तत्व का प्रभाव तुरंत देख सकें।
सामान्य रेंडरिंग समस्याएं आमतौर पर स्पेसिंग से जुड़ी होती हैं। अधिकांश रेंडरर्स के लिए पैराग्राफ और उसके बाद आने वाली लिस्ट के बीच एक खाली लाइन आवश्यक है। हेडिंग में # प्रतीकों के बाद एक स्पेस चाहिए। कोड फेंस (```) को कोड ब्लॉक रेंडरिंग शुरू करने के लिए अपनी खुद की लाइन पर होना चाहिए।
प्रीव्यू इस बात का करीबी अनुमान है कि आपका Markdown अधिकांश प्लेटफ़ॉर्म (GitHub, Slack, Discord आदि) पर कैसा दिखेगा, लेकिन प्रत्येक प्लेटफ़ॉर्म का अपना रेंडरर होता है जिसमें थोड़ा अंतर होता है। बुनियादी फ़ॉर्मेटिंग से परे किसी भी चीज़ के लिए हमेशा लक्षित प्लेटफ़ॉर्म पर अंतिम जाँच करें।

