TinyMCE 8 Inline Text Editor

TinyMCE GrapesJS के लिए 8 इनलाइन टेक्स्ट एडिटर

GrapesJS के बिल्ट-इन रिच टेक्स्ट एडिटर कोTinyMCE 8 की  पूरी शक्ति से बदलें - जिसमें इनलाइन संपादन, ब्लॉक और इनलाइन तत्वों के लिए अलग-अलग टूलबार, प्रथम श्रेणी GrapesJS स्टूडियो समर्थन और TypeScript प्रकार शामिल हैं।

यह प्लगइन क्या करता है

GrapesJS न्यूनतम आरटीई के साथ जहाज करता है। यह प्लगइन इसे पूरी तरह से TinyMCE 8 से बदल देता है - जो दुनिया के सबसे सक्षम WYSIWYG संपादकों में से एक है। आपके उपयोगकर्ताओं को सीधे विज़ुअल बिल्डर के अंदर एक परिचित, पेशेवर संपादन अनुभव मिलता है।

प्रमुख विशेषताऐं

दो संपादन मोड

• ब्लॉक तत्व (<p>,,<div><li>, आदि) - स्वरूपण, इंडेंटेशन, संरेखण, सूचियों और लिंक के साथ पूर्ण टूलबार।
• इनलाइन तत्व(,<span><a>,<button>,–<h1>)<h5> - तत्व से बाहर निकलने के बजाय एंटर डालने<br>के साथ एक कॉम्पैक्टinline_toolbar।

प्रथम श्रेणी GrapesJS स्टूडियो सहायता

• parentToolbar: trueमूल दस्तावेज़ में टूलबार को रेंडर करता है — स्टूडियो के चयन ओवरले और घटक बैज के साथ z-इंडेक्स संघर्षों को समाप्त करता है।
• टूलबार तब दिखाई देता है जब फ़ोकस iframe और TinyMCE ड्रॉपडाउन के बीच चलता है।

ठोस वास्तुकला

• निर्यात की गई.d.tsप्रकार की परिभाषाओं के साथ पूर्ण TypeScript फिर से लिखें।
• क्लीन टियरडाउन: सभी ईवेंट श्रोताओं, MutationObservers, और टूलबार DOM परdisable()जारी किए जाते हैं औरdestroy()।
• फिक्स्ड मेमोरी लीक और v0.1.x में मौजूद एक XSS भेद्यता।
• जरूरत पड़ने पर स्पष्ट रूप से फाड़ने के लिए सार्वजनिकdestroy()तरीका।

लचीला विन्यास

• टिनी क्लाउड सीडीएन और स्व-होस्टेड TinyMCE का समर्थन करता है।
• tinymceविकल्प - किसी भी मूलtinymce.init()पैरामीटर (,license_keycontent_style,font_family_formats,toolbar_mode, आदि) के लिए पास-थ्रू।
• टूलबार एक एकल स्ट्रिंग ()'bold italic | link' के रूप में या बहु-पंक्ति लेआउट के लिए स्ट्रिंग्स की एक सरणी।

अनुकूलता

ओपन-सोर्स GrapesJS और  स्टूडियो एसडीके GrapesJS दोनों के साथ काम करता है।

प्लगइन का नाम नहीं बदलता है लेकिन यह TinyMCE 8 का समर्थन करता है।