TinyMCE & Markdown Content में शैलियाँ कैसे जोड़ें
कई लेखक पसंद करते हैं मार्कडाउन में काम करना क्योंकि यह चढ़ाई करने के लिए कम बाधाओं के साथ एक सरल भाषा है। दी यह परिपूर्ण से दूर है, लेकिन यह एक प्रदान करता है आपके पाठ का क्लीनर दृश्य की सहजता के साथ HTML में निर्यात करना.
दुर्भाग्य से, डिफ़ॉल्ट मार्कडाउन शैली आमतौर पर बहुत उबाऊ होती है। लेकिन के साथ wysiwyg.css लाइब्रेरी, आप ऐसा कर सकते हैं एक जीवंत दस्तावेज है कुछ ही समय में.
यह मुफ्त सीएसएस लाइब्रेरी आपके सभी मूल TinyMCE या Markdown सामग्री को बदल देती है HTML के प्रारूपित, आसानी से पढ़े जाने वाले ब्लॉक.
इस प्लगइन का उपयोग करने के लिए आपको किसी भी जटिल HTML / CSS को जानने की आवश्यकता नहीं है। केवल उत्पन्न सामग्री को लपेटें कक्षा के साथ एक div में .wysiwyg, और आप सभी सेट हैं.
असली कठिनाई एक ऐप का निर्माण करना है जो इस प्रक्रिया को स्वचालित करेगा, या उपयोगकर्ता व्यवस्थापक पैनल के लिए बैकएंड पर इस लाइब्रेरी को जोड़ देगा.
हालाँकि, संभावनाएँ अनंत हैं, और आप इसका उपयोग भी कर सकते हैं स्थानीय लेखन कार्य के लिए यदि आप अपनी सामग्री निर्यात करना पसंद करते हैं Markdown से HTML तक.
डिफ़ॉल्ट रूप से, इस CSS लाइब्रेरी में है हर प्रमुख HTML टैग के लिए समर्थन कल्पना। इसमें सभी हेडर, सूचियां, लिंक, पूर्व / कोड टैग, आंकड़े और यहां तक कि अर्ध-अस्पष्ट टैग शामिल हैं तथा . वहां एक पूरी सूची यदि आप इसे देखना चाहते हैं तो GitHub रेपो में.
यदि आप अपनी खुद की टाइपोग्राफिक शैलियों को परिभाषित करते हैं, तो ये भी हो सकते हैं डिफ़ॉल्ट सेटिंग्स को फिर से लिखना स्टाइलशीट में। तो आप wysiwyg.css के सभी लाभ प्राप्त कर सकते हैं अपने स्वयं के फ़ॉन्ट विकल्पों के साथ मिश्रित.
लाइब्रेरी को सेटअप करना आसान नहीं था। केवल स्थानीय रूप से एक प्रति डाउनलोड करें या इसे सीधे खींचो का उपयोग करते हुए npm स्थापित करें wysiwyg.css
वहाँ से, तुम बस CSS फ़ाइल शामिल करें अपने दस्तावेज़ के प्रमुख में, और इसे चलने दें। यह केवल सामग्री को लक्षित करेगा वर्ग के साथ एक कंटेनर के अंदर .wysiwyg, इसलिए इस वर्ग को जो भी कंटेनर चाहिए उसे लपेटना चाहिए.
पुस्तकालय अभी भी किया जा रहा है अद्यतन अक्सर, तो तुम कर सकते हो हाल ही के अद्यतन खोजें मुख्य GitHub रेपो में। और अगर आपके पास नए अपडेट के लिए सुझाव या विचार हैं, तो अपने ट्विटर पेज @jgthms पर निर्माता जेरेमी थॉमस के साथ साझा करने के लिए स्वतंत्र महसूस करें.
