Markdown एडिटर क्या है?
दो पैनल वाला एडिटर जिसमें HTML पूर्वावलोकन तुरंत दिखता है। GitHub Flavored Markdown सपोर्ट: टेबल, टास्क लिस्ट, सिंटैक्स हाइलाइटिंग वाले कोड ब्लॉक। HTML में एक्सपोर्ट करें या रेंडर किया आउटपुट कॉपी करें।
रेंडरिंग GitHub-शैली का Markdown पार्सर इस्तेमाल करती है, जो भाषा-संकेत वाले फेन्स्ड कोड ब्लॉक (javascript, python, css आदि), चेकबॉक्स स्थिति वाली टास्क लिस्ट, पाइप टेबल, फ़ुटनोट और स्ट्राइकथ्रू को संभालता है। टूलबार कर्सर पर हेडिंग, बोल्ड, इटैलिक, लिंक, इमेज, कोड और टेबल का सिंटैक्स डाल देता है। एक्सपोर्ट से एम्बेडेड CSS के साथ अकेली HTML फ़ाइल बनती है, जो अटैच या अपलोड करने के लिए तैयार होती है।
उपयोग कैसे करें
- बाएं एडिटर पेन में अपना Markdown सामग्री लिखें या पेस्ट करें — पूर्वावलोकन दाईं ओर रियल-टाइम में अपडेट होता है।
- त्वरित फ़ॉर्मेटिंग के लिए टूलबार का उपयोग करें: बोल्ड, इटैलिक, हेडिंग, लिंक, छवियाँ, कोड ब्लॉक और टेबल।
- अपना दस्तावेज़ साफ HTML के रूप में एक्सपोर्ट करें, रेंडर किया हुआ पूर्वावलोकन कॉपी करें, या कच्ची Markdown फ़ाइल डाउनलोड करें।
कब उपयोग करें
- README या कंट्रिब्यूशन गाइड लिखते समय,जैसे-जैसे टाइप करें,रेंडर किया परिणाम देखते रहना।
- ब्लॉग पोस्ट को Markdown में लिख कर तैयार करना,फिर बने HTML को उस CMS में पेस्ट करना जिसमें Markdown एडिटर नहीं है।
- मीटिंग नोट्स साफ़ करना — सेक्शन के लिए हेडिंग, एक्शन आइटम के लिए टास्क लिस्ट, फ़ैसलों के लिए टेबल।
परिणाम
आप प्रोजेक्ट README लिख रहे हैं — हेडिंग, फीचर लिस्ट, JavaScript हाइलाइटिंग वाला कोड ब्लॉक और इंस्टॉलेशन टेबल जोड़ें। टाइप करते समय पूर्वावलोकन में परिणाम दिखता है, और अंतिम HTML एक्सपोर्ट कर सकते हैं।
अक्सर पूछे जाने वाले प्रश्न
- क्या कोड ब्लॉक्स के अंदर सिंटैक्स हाइलाइटिंग होती है?
- हाँ। फेन्स्ड कोड ब्लॉक के शुरुआती बैकटिक्स के बाद भाषा का पहचान-कोड लिखें (```javascript, ```python, ```bash आदि), तो प्रिव्यू highlight.js की शैली लगा देता है। अनजान या न लिखी गई भाषा वाले ब्लॉक रंग-रहित मोनोस्पेस टेक्स्ट जैसे दिखेंगे।
- क्या पेज रिफ्रेश करने पर मेरा Markdown सुरक्षित रहता है?
- हाँ। हर कीस्ट्रोक आपके डिवाइस पर अपने आप सेव होता है, और अगली बार पेज खोलने पर ड्राफ़्ट वापस आ जाता है — रिफ्रेश करने या टैब गलती से बंद हो जाने के बाद भी। एक छोटा बैनर बताता है कि सेव किया हुआ ड्राफ़्ट लोड हो गया। सेव कॉपी मिटाने के लिए रीसेट दबाएँ (या एडिटर खाली कर दें)।
- क्या स्क्रीनशॉट सीधे एडिटर में पेस्ट किया जा सकता है?
- हाँ। इमेज या स्क्रीनशॉट पेस्ट करते ही वह base64 डेटा URL के रूप में सीधे दस्तावेज़ में एम्बेड हो जाती है और कर्सर पर Markdown इमेज सिंटैक्स जुड़ जाता है। बस एक बात ध्यान रखें: डेटा URL फ़ाइल को भारी बना देते हैं और ज़्यादातर प्लेटफ़ॉर्म (GitHub README सहित) इन्हें नहीं दिखाते। इसलिए जिसे आप साझा करने वाले हैं, उसके लिए इमेज को किसी होस्टिंग पर अपलोड करके उसका लिंक  में डालना बेहतर है ताकि सोर्स हल्का रहे।
- HTML एक्सपोर्ट करने और रेंडर किया प्रिव्यू कॉपी करने में क्या फ़र्क़ है?
- HTML एक्सपोर्ट पूरा डॉक्यूमेंट देता है — <html>, <head>, एम्बेडेड CSS और आपका कंटेंट <body> के अंदर। प्रिव्यू कॉपी सिर्फ़ अंदरूनी HTML टुकड़ा देती है, जो आम तौर पर ऐसे CMS में पेस्ट करने के लिए ठीक है जो आपका कंटेंट अपने टेम्पलेट में लपेट लेता है।
- एक लाइन ब्रेक प्रिव्यू में क्यों नहीं दिख रहा?
- स्टैंडर्ड Markdown पैराग्राफ़ के अंदर एकल लाइन ब्रेक को सॉफ़्ट रैप मानता है। ज़बरदस्ती लाइन तोड़ने के लिए लाइन के आख़िर में दो स्पेस जोड़ें, या नया पैराग्राफ़ शुरू करने के लिए एक खाली लाइन छोड़ें। GitHub और ज़्यादातर स्टैटिक-साइट जेनरेटर भी ऐसा ही करते हैं।
संबंधित उपकरण
PDF बुकमार्क एडिटर
PDF फ़ाइलों में बुकमार्क जोड़ें और संपादित करें
PDF फ़्लैटन टूल
PDF में फ़ॉर्म फ़ील्ड और एनोटेशन को फ़्लैट करें
रिच टेक्स्ट एडिटर
WYSIWYG एडिटर से दस्तावेज़ लिखें और फ़ॉर्मेट करें
Markdown से PDF बनाएँ
Markdown फ़ाइलों को स्टाइल किए गए PDF दस्तावेज़ों में बदलें
PDF क्रॉप
PDF पेज के मार्जिन क्रॉप करें और एडजस्ट करें
PDF पेज क्रमबद्ध करें
PDF पेजों को ड्रैग और ड्रॉप करके पुनर्व्यवस्थित करें