एक नए लक्षण प्रकार grapesjs रंग बीनने वाले को जोड़ें?

Question

मैं एक नई विशेषता प्रकार का निर्माण कर रहा हूं, और इसके अंदर grapesjs रंग बीनने वाले को शामिल करने में सक्षम होना चाहता हूं - ऐसा करने के तरीके पर कोई सुझाव? अभी मैं अपने "inputEl" html (टेक्स्ट फ़ील्ड और रेडियो बटन के साथ) में मानक HTML रंग इनपुट शामिल कर रहा हूं, लेकिन अगर संभव हो तो मैं grapesJS के साथ आने वाले का उपयोग करने में सक्षम होना पसंद करूंगा। उदाहरण जहां मैं grapesjs पिकर रखना चाहता हूं। इनपुटएल =

SOME HTML HERE

Color:

pnellesen · Accepted Answer

@nojacko मैंने अपने कोड को थोड़ा संशोधित किया है, तो मूल रूप से मैं क्या कर रहा हूं: आशा है कि यह मदद करेगा। यह अभी भी प्रगति पर है :) ध्यान दें कि colorPicker की getInputEl विधि हर बार इसे बुलाए जाने पर कैनवास के शरीर में एक स्पेक्ट्रम कलरपिकर जोड़ती है, और ऐसा प्रतीत होता है कि यह उस तत्व के लिए मैप किया गया है जो इसे लौटाता है, यही कारण है कि मैं इसे केवल तभी कॉल कर रहा हूं जब मेरे पास पहले से ही मेरे मॉडल के हिस्से के रूप में वह तत्व नहीं है। मुझे संदेह है कि इसे संभालने के शायद बेहतर तरीके...

artf · Answer

हाय @pnellesen यह वास्तव में एक बहुत अच्छा सवाल है, निश्चित रूप से, हमें ऐसा करने की अनुमति देनी चाहिए लेकिन दुर्भाग्य से, अभी यह इतना सीधा नहीं है। यूआई को अधिक पुन: प्रयोज्य बनाने के लिए हमें कुछ मॉड्यूल को रिफैक्टर करना चाहिए। BTW editor.TraitManager.getType('color').prototype.getInputEl को getInputEl विधि के अंदर विस्तारित करने का प्रयास करें और देखें कि क्या यह आपकी मदद कर सकता है

pnellesen · Answer

@artf - प्रतिक्रिया के लिए धन्यवाद! आपके सुझाव ने बहुत अच्छी तरह से काम किया (और यह इंटरनेट एक्सप्लोरर में भी काम करता है, जो मेरे html5 रंग बीनने वाले :p से बेहतर है)। मेरे पास अपनी स्टाइल और मेरे इनपुट डेटा के लिए कुछ बदलाव हैं, लेकिन अन्यथा यह अच्छा है। एक बार फिर धन्यवाद! किसी को भी उत्सुक है कि यह कैसे काम करता है (और मुझे यकीन है कि शायद बेहतर तरीके हैं): बस कोड की लगभग 5 पंक्तियाँ (नीचे बोल्ड में) जोड़ने और उस तत्व में "डेटा-कलरपी-सी" विशेषता जोड़ने की आवश्यकता है जिसे मैं पिकर को संलग्न...

एक नए लक्षण प्रकार grapesjs रंग बीनने वाले को जोड़ें?

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

अनुचित बीजी रिपीट सीएसएस सेट किया जा रहा है

कस्टम दृश्य का उपयोग करते समय चाइल्ड घटक चयन योग्य नहीं है

पाठ: हर बार जब मैं </br बनाने के बजाय एंटर दबाता हूं तो नया div बनाया जाता है>

RTE टूलबार शीर्ष पैनल में दिखाई देता है

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

संबंधित ट्यूटोरियल

GrapesJS के लिए सुपर टूलटिप - संस्करण 0.1.5 जारी किया गया 🎉

GrapesJS 2026 में: ओपन-सोर्स वेब बिल्डर फ्रेमवर्क के लिए पूरी गाइड

ब्राउज़ प्लगइन श्रेणियाँ