GrapesJS इनलाइन आरटीई प्लगइन्स अपडेट: CKEditor 5 v0.1.4 और Froala इनलाइन टेक्स्ट एडिटर

डिफ़ॉल्ट GrapesJS समृद्ध पाठ संपादक मूल बातें कवर करता है, लेकिन जिस क्षण कोई परियोजना एक पूर्ण विकसित नो-कोड बिल्डर या एक एंटरप्राइज़ ईमेल संगीतकार में विकसित होती है, उसकी क्षमताएं तंग महसूस होने लगती हैं। DevFuture Development उस अंतर को दो वाणिज्यिक प्लगइन्स के साथ भरता हैGJS.Market:CKEditor 5 के लिए  एक आवरण औरFroala के लिए  एक आवरण . दोनों परिचित संपादन-इन-प्लेस UX बिल्डरों को तोड़े बिना डिफ़ॉल्ट GrapesJS इनलाइन RTE को प्रतिस्थापित करते हैं।

इस लेख में हम 5 इनलाइन v0.1.4 रिलीज़ के नए CKEditor  के माध्यम से चलते हैं और पुनर्कथन करते हैं किFroala  इनलाइन टेक्स्ट एडिटर अभी भी GrapesJS के लिए सबसे अधिक बिकने वाले आरटीई प्लगइन्स में से एक क्यों है।

GrapesJS के लिए 5 इनलाइन टेक्स्ट एडिटर CKEditor - v0.1.4 में नया क्या है

GrapesJS इनलाइन टेक्स्ट एडिटर — CKEditor 5 प्लगइन के साथ संगतइनलाइन मोड में CKEditor 5 के लिए स्टॉक GrapesJS आरटीई स्वैप करता है। CKEditor स्वयं बंडल नहीं किया गया है - आप इसे अलग से स्थापित और लाइसेंस देते हैं - जबकि प्लगइन एकीकरण को संभालता है: कैनवास आईफ्रेम में बढ़ते हुए, संपादित घटनाओं को इंटरसेप्ट करना, और सामग्री को GrapesJS मॉडल में वापस सिंक करना।

v0.1.4रिलीज़ (25 मई, 2026) मुख्य रूप से एक स्थिरीकरण रिलीज़ है। टीम ने उन समस्याओं का एक सेट बंद कर दिया जो अक्सर स्टूडियो एसडीके और अन्य जटिल होस्ट एप्लिकेशन के अंदर प्लगइन चलाने वाले उपयोगकर्ताओं को प्रभावित करते हैं।

बग फिक्स

• टूलबार क्लिपिंग फिक्स्ड। टूलबार और बैलून पैनल (लिंक यूआरएल फॉर्म, फ़ॉन्ट-कलर पिकर) अब आईफ्रेम के अंदर के बजाय पैरेंट डॉक्यूमेंट में रेंडर करते हैं। वे अब होस्ट एडिटर ओवरले द्वारा क्लिप नहीं किए जाते हैं - विशेष रूप से स्टूडियो एसडीके। पैनल हमेशा शीर्ष पर बैठते हैं, जहां आप उनसे उम्मीद करते हैं।
• लिंक गुब्बारे की स्थिति तय की गई। लिंक URL फॉर्म अब टूलबार बटन के बजाय चयनित टेक्स्ट के बगल में खुलता है। एक छोटी सी बात, लेकिन यह इंटरैक्शन पैटर्न को तोड़ने के लिए इस्तेमाल किया जाता था जो उपयोगकर्ता किसी भी आधुनिक संपादक से उम्मीद करते हैं।
• कोई और गायब होने वाला पाठ नहीं। CKEditor के जीएचएस सुपर-बिल्ड में एक बग के कारण सामग्री को प्रत्येक संपादन चक्र पर लपेटा.ck-editor__editableगया, जिसका अर्थ था कि बार-बार सक्षम/अक्षम करने के बाद उपयोगकर्ता पाठ खो गया था। वह चला गया है।
• कोई डबल आईफ्रेम इंजेक्शन नहीं। संपादक मॉड्यूल को अब ठीक एक बार आईफ्रेम में इंजेक्ट किया जाता है। तेजी से घटक स्विच पर दौड़ की स्थिति तय हो गई है।
• प्रदर्शन में सुधार।editor.refresh() तत्व पर्यवेक्षक से हटा दिया गया था। GrapesJS अब CKEditor के अंदर हर कीस्ट्रोक पर फिर से रेंडर नहीं करता है - बड़ी परियोजनाओं पर ध्यान देने योग्य अंतर।

सुधार

• टूलबार सही ढंग से iframe तत्व का अनुसरण करता है जब कोई पूर्वज स्क्रॉल करता है।
• गुब्बारा पैनल सीएसएस मेजबान अनुप्रयोग गोले में बदल जाता है।
• सभी निश्चित परिदृश्यों के लिए बेहतर परीक्षण कवरेज।

संगतता और समर्थित स्वरूपण

प्लगइन का परीक्षण GrapesJS संस्करणों की पूरी वर्तमान श्रृंखला में किया जाता है: 0.17.x,,0.18.x,0.20.x0.19.x,,0.21.x।0.22.x बॉक्स से बाहर यह बोल्ड, इटैलिक, अंडरलाइन, स्ट्राइकथ्रू, टेक्स्ट और पृष्ठभूमि रंग, फ़ॉन्ट आकार और फ़ॉन्ट परिवार का समर्थन करता है। इससे आगे सब कुछ 5 CKEditor को ही सौंपा गया है - कॉन्फ़िगरेशन आपके CKEditor बिल्ड से विरासत में मिला है, इसलिए CKSource पारिस्थितिकी तंत्र से किसी भी प्लगइन को वायर्ड किया जा सकता है।

मूल्य: $69 ($93.15 से नीचे)। पैकेज में पूर्ण स्रोत कोड, एक उत्पादन-तैयार dist निर्माण, एक वाणिज्यिक लाइसेंस और भविष्य के अपडेट शामिल हैं।

⚠️ यह प्लगइन एक आधिकारिक CKSource उत्पाद नहीं है और CKSource से संबद्ध नहीं है। CKEditor CKSource होल्डिंग sp. z o.o का ट्रेडमार्क है।

Froala GrapesJS के लिए इनलाइन टेक्स्ट एडिटर - सिद्ध विकल्प

यदि CKEditor 5 ओवरकिल जैसा लगता है, या आपकी टीम के पास पहले से ही Froala लाइसेंस है, तो उसी लेखक काFroala इनलाइन टेक्स्ट एडिटरदेखने लायक है। यह अक्टूबर 2022 से मार्केटप्लेस बेस्ट-सेलर रहा है; अंतिम अपडेट 2 सितंबर, 2025 को भेजा गया।

सुविधाऐं

बेस फ़ॉर्मेटिंग सेट CKEditor रैपर को मिरर करता है:

• बोल्ड, इटैलिक, रेखांकित, स्ट्राइक
• पाठ का रंग और पृष्ठभूमि का रंग
• फ़ॉन्ट आकार, फ़ॉन्ट परिवार
• क्षैतिज नियम (HR)

लेकिन एक विशेषता है जो कई टीमों को विशेष रूप से Froala निर्माण की ओर धकेलती है: टेम्पलेट चर के लिए प्रथम श्रेणी का समर्थन जैसे{{name}}और।{{email}} यह ईमेल बिल्डरों और न्यूज़लेटर टेम्प्लेट के लिए मायने रखता है - उपयोगकर्ता प्लेसहोल्डर को विज़ुअल एडिटर के ठीक अंदर देखता है, और बैकएंड भेजने के समय वास्तविक मूल्यों को प्रतिस्थापित करता है। आरटीई GrapesJS मूल के साथ आपको उस यूएक्स को हाथ से रोल करना होगा।

अनुकूलता

प्लगइन GrapesJS 0.16.x के माध्यम से  0.22.xसमर्थन करता है - CKEditor आवरण की तुलना में एक व्यापक संस्करण रेंज। स्रोत कोड और एक बिल्ड distदोनों शामिल हैं।

मूल्य:$69. CKEditor रैपर की तरह, Froala स्वयं लैब्स Froala से लाइसेंस प्राप्त एक अलग वाणिज्यिक उत्पाद है - यह प्लगइन एकीकरण परत को हल करता है।

CKEditor 5 बनाम GrapesJS के लिए Froala - किसे चुनना है

दोनों प्लगइन्स एक ही समस्या को हल करते हैं: डिफ़ॉल्ट GrapesJS इनलाइन आरटीई को कुछ अधिक सक्षम के साथ बदलना। वे लक्ष्य उपयोग के मामले और एकीकरण बारीकियों में भिन्न हैं।

5 इनलाइन CKEditor चुनें यदि:

• आप पहले से ही CKEditor 5 पारिस्थितिकी तंत्र के अंदर काम करते हैं और लाइसेंस रखते हैं;
• आपको एक समृद्ध, एक्स्टेंसिबल एपीआई और विस्तृत CKSource प्लगइन कैटलॉग की आवश्यकता है;
• प्रोजेक्ट स्टूडियो एसडीके या जटिल डीओएम के साथ किसी अन्य होस्ट एप्लिकेशन के अंदर रहता है - v0.1.4 विशेष रूप से उन वातावरणों के लिए ट्यून किया गया है।

इनलाइन Froala चुनें यदि:

• आप एक ईमेल बिल्डर या एक टेम्प्लेटिंग टूल बना रहे हैं जो प्रतिस्थापन पर{{...}}निर्भर करता है;
• आपकी टीम के पास पहले से ही Froala लाइसेंस है;
• आपको 0.16.x परियोजनाओं GrapesJS विरासत के साथ संगतता की आवश्यकता है।

नीचे पंक्ति

CKEditor 5 इनलाइन v0.1.4 रिलीज़ ठीक उसी तरह का अपडेट है जिसे आप एक प्लगइन से चाहते हैं जो पहले से ही उत्पादन में है: कुछ भी आकर्षक नहीं है, बस स्टूडियो एसडीके, आईफ्रेम इंजेक्शन और पैनल पोजिशनिंग के आसपास परेशान करने वाले बग का एक साफ स्वीप। यदि आपने पहले प्लगइन की कोशिश की है और उनमें से किसी भी मुद्दे को बाउंस किया है, तो यह दूसरी नज़र डालने लायक है।

इस बीच, Froala इनलाइन एक ठोस पिक बनी हुई है - विशेष रूप से टेम्पलेट चर वाली परियोजनाओं के लिए, जहां इसका{{placeholder}}समर्थन कस्टम काम के घंटों को बचाता है।

दोनों प्लगइन्स DevFuture Development द्वारा बनाए गए हैं, दोनों पूर्ण स्रोत कोड के साथ जहाज हैं, और दोनोंGJS.Market पर उपलब्ध हैं।

उपयोगी लिंक

• GrapesJS के लिए 5 इनलाइन टेक्स्ट एडिटर CKEditor - लाइव पूर्वावलोकन और खरीद
• GrapesJS के लिए Froala इनलाइन टेक्स्ट एडिटर - लाइव पूर्वावलोकन और खरीद
• GJS.Market पर सभी GrapesJS आरटीई प्लगइन्स