हम सुपर टूलटिप के वी 0.1.5 अपडेट की घोषणा करते हुए उत्साहित हैं, जो GrapesJS के लिए हमारा फ्लोटिंग-मेनू और टूलटिप प्लगइन है। यह रिलीज़ आपके इन-कैनवास संपादन वर्कफ़्लो के लिए बेहतर स्थिति, संगतता अपडेट और स्मूथ यूएक्स लाती है।
सुपर टूलटिप प्लगइन क्या है?
सुपर टूलटिप GrapesJS के लिए एक यूएक्स-केंद्रित प्लगइन है जिसे संपादक के अंदर घटक इंटरैक्शन को सुव्यवस्थित करने के लिए डिज़ाइन किया गया है। यह चयनित घटकों के बगल में फ़्लोटिंग आइकन और प्रासंगिक मेनू जोड़ता है ताकि आप कैनवास को छोड़े बिना जल्दी से सामान्य क्रियाएं (घटक जोड़ें, परिवर्तित करें, स्थानांतरित करें, हटाएं, माता-पिता का चयन, आदि) कर सकें। प्लगइन एक पॉलिश संपादन अनुभव के लिए कीबोर्ड शॉर्टकट और साफ-सुथरे दृश्य टूलटिप्स का भी समर्थन करता है।
संस्करण 0.1.5 में नया क्या है
इस अद्यतन में मुख्य परिवर्तन इस प्रकार हैं:
- GrapesJS के हाल के संस्करणों में बेहतर ढंग से संरेखित करने के लिए अद्यतन बटन/टूलटिप स्थिति
- संगतता टक्कर: GrapesJS v0.22.x के साथ सुचारू रूप से काम करने के लिए अपडेट किया गया
- मेनू प्लेसमेंट के आसपास मामूली बग-फिक्स, यह सुनिश्चित करते हुए कि घटकों को संपादित करते समय फ्लोटिंग यूआई सही ढंग से संरेखित रहता है। (v 0.1.3 से फिक्स पर निर्माण)
यह क्यों मायने रखता है
- बेहतर संरेखण: फ़्लोटिंग आइकन और मेनू अब चयन के साथ दृष्टिगत रूप से सुसंगत रहते हैं, चाहे आप गहरे नेस्ट हों या एक जटिल लेआउट के भीतर संपादन कर रहे हों।
- अप-टू-डेट संगतता: GrapesJS तेजी से विकसित होने के साथ, यह सुनिश्चित करना कि प्लगइन v0.22.x के साथ काम करता है, आपको बेमेल और गड़बड़ियों से बचने में मदद करता है।
- बेहतर यूएक्स: सहज व्यवहार का अर्थ है कम व्याकुलता और डिज़ाइन पर अधिक ध्यान। टूलटिप्स और शॉर्टकट संपादन को तेज़ और अधिक सहज बनाते रहते हैं।
प्रमुख विशेषताओं का त्वरित पुनर्कथन
आपको यह याद दिलाने के लिए कि सुपर टूलटिप क्या प्रदान करता है:
- फ़्लोटिंग "घटक जोड़ें" और "अधिक विकल्प" बटन चयनित घटक के बगल में दिखाई देते हैं।
- कीबोर्ड शॉर्टकट जैसे:
- cmd/Ctrl + D → घटक जोड़ें
- Cmd/Ctrl + F → "अधिक विकल्प" मेनू खोलें
- Cmd/Ctrl + E → पैरेंट चुनें
- Cmd/Ctrl + ↑ / ↓ → घटक को ऊपर/नीचे ले जाएं
- Cmd/Ctrl + S → डुप्लिकेट
- हटाएं → हटाएं
- चिकना टूलटिप सिस्टम (होवर ट्रिगर) UI को अव्यवस्थित किए बिना शॉर्टकट दिखाने के लिए
- एनिमेटेड संदर्भ मेनू: ब्लॉक डालें (खोज/फ़िल्टर के साथ), "कन्वर्ट करें" सबमेनू (लाइव घटक प्रतिस्थापन), और त्वरित क्रियाएं जैसे मूव/डिलीट/डुप्लिकेट/सेलेक्ट पैरेंट - सभी कीबोर्ड सुलभ
- ब्लॉकमैनेजर एकीकरण: स्वचालित रूप से ब्लॉक खींचता है (एसवीजी/आइकन पूर्वावलोकन के साथ) और सामग्री इंजेक्शन समर्थन
अपग्रेड निर्देश
यदि आप पहले से ही सुपर टूलटिप का उपयोग कर रहे हैं:
- बाज़ार से नवीनतम संस्करण (0.1.5) डाउनलोड करें।
- अपने प्रोजेक्ट में प्लगइन फ़ाइलों को बदलें (आवश्यकतानुसार डिस्ट बिल्ड + स्रोत)।
- सुनिश्चित करें कि आप v0.22.x GrapesJS चला रहे हैं (या संगतता की पुष्टि करें)।
- कैश साफ़ करें (यदि ब्राउज़र कैशिंग का उपयोग कर रहे हैं) और अपने संपादक इंस्टेंस को पुनः लोड करें।
- संपादक में फ़्लोटिंग मेनू और टूलटिप्स की जाँच करें - सत्यापित करें कि पोजिशनिंग अपेक्षा के अनुरूप काम करती है, खासकर नेस्टेड घटकों को संपादित करते समय।
- किसी भी लेआउट समस्या या व्यवहार विचित्रताओं की रिपोर्ट करें ताकि हम उन्हें अगले पैच में संबोधित कर सकें।
यदि आप नए हैं: अपने GrapesJS सेटअप में सुपर टूलटिप स्थापित करें और इसे अपने प्लगइन आरंभीकरण में सक्रिय करें। इसे कार्रवाई में देखने के लिए डेमो/पूर्वावलोकन का उपयोग करें और आगे के कॉन्फ़िगरेशन विकल्पों के लिए दस्तावेज़ों से परामर्श करें।
आगे देख रहा हूं
हम पहले से ही अगले छोटे संस्करण की योजना बना रहे हैं, जहां हम इस पर ध्यान केंद्रित करेंगे:
- अधिक अनुकूलन विकल्प (उदाहरण के लिए, टॉगल करें जो फ़्लोटिंग आइकन दिखाई देते हैं, शॉर्टकट सेट का नियंत्रण)।
- कस्टम घटक प्रकारों और गैर-मानक ब्लॉक सम्मिलन प्रवाह के लिए बेहतर समर्थन।
- जटिल लेआउट (बहु-पृष्ठ, नेस्टेड संपादक, ऑफ-कैनवास पैनल) के लिए उन्नत पोजिशनिंग तर्क।
- उन्नत उपयोगकर्ताओं के लिए अपने स्वयं के व्यवहार को फ्लोटिंग मेनू और शॉर्टकट से बांधने के लिए एपीआई हुक।
अंतिम विचार
यदि आप अपने GrapesJS-आधारित संपादक को अधिक परिष्कृत, उपयोगकर्ता के अनुकूल इन-कैनवास अनुभव देना चाहते हैं, तो सुपर टूलटिप एक स्मार्ट, हल्का यूआई एन्हांसमेंट प्रदान करता है। संस्करण 0.1.5 के साथ आपको बेहतर संरेखण, अप-टू-डेट संगतता और बॉक्स के ठीक बाहर एक सहज वर्कफ़्लो मिलता है।
इसे आज ही आज़माएं और हमें बताएं कि यह आपके सेटअप में कैसे फिट बैठता है!
इसे जांचें: https://gjs.market/products/super-tooltip-for-grapesjs
हैप्पी एडिटिंग!
- देवफ्यूचर विकास टीम