लाइव प्रीव्यू वाला Markdown एडिटर - HTML एक्सपोर्ट
Markdown एडिटर और प्रीव्यू
स्रोत में मौजूद कच्चा HTML प्रीव्यू में टेक्स्ट के रूप में दिखता है, और javascript: या data: वाले लिंक निष्क्रिय हैं।
Markdown कैसे लिखें
Markdown कुछ विराम-चिह्न नियमों वाला सादा टेक्स्ट है: हेडिंग के लिए हैश, ज़ोर देने के लिए तारक, सूची आइटम के लिए डैश। README, विकी, इश्यू ट्रैकर और ज़्यादातर नोट ऐप इसे समझते हैं। यह एडिटर लिखते-लिखते आपका टेक्स्ट रेंडर करता है ताकि संरचना बनती दिखे, और काम पूरा होने पर साफ़ HTML देता है।
चरण
- 1 बाएँ बॉक्स में Markdown लिखें या पेस्ट करें। दाएँ प्रीव्यू हर कीस्ट्रोक पर अपडेट होता है।
- 2 नमूने को चीट शीट की तरह इस्तेमाल करें: हेडिंग, बोल्ड और इटैलिक, सूची, कोड ब्लॉक, तालिका, उद्धरण और लिंक सब उसमें हैं।
- 3 CMS या टेम्पलेट के लिए HTML कॉपी करें, या दस्तावेज़ को .md या स्वतंत्र .html फ़ाइल के रूप में डाउनलोड करें।
एक मिनट में सिंटैक्स
हेडिंग: # शीर्षक, ## खंड, ### उपखंड। ज़ोर: **बोल्ड**, *इटैलिक*, ~~कटा हुआ~~। सूची: पंक्तियाँ - या 1. से शुरू करें; नेस्ट करने के लिए दो स्पेस इंडेंट करें। लिंक: [टेक्स्ट](https://example.com); चित्र: । इनलाइन कोड `बैकटिक` में जाता है; कोड ब्लॉक तीन बैकटिक से घिरा होता है, जिसके बाद वैकल्पिक रूप से भाषा का नाम आता है। --- की पंक्ति रेखा बनाती है, और बड़ा-है चिह्न से शुरू होने वाली पंक्ति उद्धरण है।
तालिकाएँ
तालिका में एक हेडर पंक्ति, एक विभाजक पंक्ति और डेटा पंक्तियाँ होती हैं, कोशिकाएँ पाइप से अलग होती हैं: | नाम | कीमत |। विभाजक पंक्ति में डैश होते हैं, और किसी भी सिरे पर कोलन संरेखण तय करता है — :--- बाएँ, :---: बीच, ---: दाएँ। स्रोत में कॉलम सीधे पंक्तिबद्ध होना ज़रूरी नहीं; रेंडरर स्पेसिंग संभालता है।
HTML एक्सपोर्ट में क्या होता है
HTML कॉपी करें आपको सिर्फ़ बॉडी मार्कअप देता है — पैराग्राफ़, हेडिंग, सूची और तालिकाएँ — अपनी स्टाइल वाले पेज में पेस्ट करने के लिए तैयार। .html डाउनलोड उस मार्कअप को एक पूरा दस्तावेज़ बनाता है, जिसमें आपकी पहली हेडिंग से लिया गया शीर्षक और एक छोटी स्टाइलशीट होती है, ताकि फ़ाइल किसी भी ब्राउज़र में पढ़ने योग्य खुले।
कच्चा HTML क्यों रेंडर नहीं होता
मानक Markdown HTML को बिना छेड़े पास कर देता है, जो सुविधाजनक है लेकिन किसी भी पेस्ट किए दस्तावेज़ को पेज में स्क्रिप्ट चलाने का रास्ता बना देता है। यह प्रीव्यू इसके बजाय उसे एस्केप करता है: स्रोत में div या script टैग टेक्स्ट के रूप में दिखता है। इसी कारण javascript: और data: स्कीम वाले लिंक निष्क्रिय हैं। आपकी एक्सपोर्ट की गई फ़ाइल भी इंजेक्ट किए गए कोड से मुक्त है।