डेवलपर

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

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

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

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

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

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

  • GitHub या GitLab README लिखते समय और कमिट करने से पहले फ़ॉर्मेटिंग सत्यापित करना चाहते हों
  • ब्लग प्लेटफ़ॉर्म, डॉक्यूमेंटेशन साइट या विकी के लिए Markdown पोस्ट का ड्राफ्ट बनाना
  • भेजने से पहले Markdown ईमेल या चैट मैसेज सही ढंग से रेंडर हो रहा है या नहीं जांचना
  • विभिन्न फ़ॉर्मेटिंग के साथ प्रयोग करके और तुरंत परिणाम देखकर Markdown सिंटैक्स सीखना
  • CMS या ईमेल टेम्प्लेट में पेस्ट करने के लिए छोटे Markdown स्निपेट को HTML में बदलना
  • ऐसे Markdown दस्तावेज़ को डीबग करना जहाँ कुछ फ़ॉर्मेटिंग अपेक्षा के अनुसार रेंडर नहीं हो रही

चरण:

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

सूत्र

# शीर्षक →

शीर्षक

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

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

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

मुख्य लाभ

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

प्रो टिप्स

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

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

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

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

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

संबंधित अवधारणाएँ

उदाहरण

"## Hello This 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 पर अंतिम रेंडरिंग की हमेशा दोबारा जाँच करें।
मैं Markdown में टेबल कैसे बनाऊं?
मानक Markdown टेबल का समर्थन नहीं करता, लेकिन GitHub-Flavored Markdown करता है। कॉलम अलग करने के लिए पाइप वर्ण (|) और हेडर सेपरेटर के लिए हाइफ़न का उपयोग करें। यह प्रीव्यूअर टेबल रेंडर नहीं करता — अपने लक्षित प्लेटफ़ॉर्म पर अंतिम रेंडरिंग की जाँच करें।
क्या मैं Markdown में LaTeX गणित लिख सकता हूं?
यह प्रीव्यूअर LaTeX गणित का समर्थन नहीं करता। गणित रेंडरिंग के लिए KaTeX या MathJax का समर्थन करने वाले टूल का उपयोग करें। GitHub जैसे कुछ प्लेटफ़ॉर्म भी Markdown में LaTeX रेंडर नहीं करते।
क्या मैं Markdown में LaTeX गणित लिख सकता हूँ?
यह प्रीव्यूअर LaTeX गणित का समर्थन नहीं करता। गणित रेंडरिंग के लिए, KaTeX या MathJax का समर्थन करने वाले उपकरण का उपयोग करें।
मैं Markdown में लिंक कैसे बनाऊँ?
[लिंक टेक्स्ट](https://example.com) प्रारूप का उपयोग करें। चित्रों के लिए, ![alt text](image-url) का उपयोग करें।
मुझे WYSIWYG संपादक के बजाय Markdown का उपयोग क्यों करना चाहिए?
Markdown सादा टेक्स्ट है, इसलिए यह संस्करण नियंत्रण के अनुकूल है, किसी भी टेक्स्ट संपादक में काम करता है।
क्या यह चेकलिस्ट जैसे Markdown एक्सटेंशन का समर्थन करता है?
यह प्रीव्यूअर मूल Markdown सिंटैक्स का समर्थन करता है। एक्सटेंशन जैसे टास्क लिस्ट, टेबल, और स्ट्राइकथ्रू लक्ष्य प्लेटफॉर्म के रेंडरर पर निर्भर करते हैं।
मैं Markdown में क्षैतिज रेखा कैसे जोड़ूँ?
तीन या अधिक हाइफ़न (---), तारे (***), या अंडरस्कोर (___) एक पंक्ति में टाइप करें। यह एक क्षैतिज रेखा बनाता है जो आपके दस्तावेज़ के अनुभागों को अलग करती है।

और उपकरण खोजें

हमारी पूरी टूल लाइब्रेरी से नए चुनिंदा टूल्स।