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

Question

मैं एक कस्टम घटक बनाने की कोशिश कर रहा हूं जो नेस्टेड एचटीएमएल के साथ अपना स्वयं का दृश्य बनाता है। मैं नहीं चाहता कि इस HTML को एक घटक के रूप में प्रस्तुत किया जाए इसलिए मैं उपयोग करता हूं (jQuery का उपयोग करके) देखें: defaultType.view.extend({ init: फ़ंक्शन () { $(this.el).html('

'); }, getChildrenSelector: फ़ंक्शन () { return '.container'; }, }) लेकिन, अगर मैं चाइल्ड कंपोनेंट जोड़ता हूं, तो वे एडिटर के माध्यम से चयन योग्य नहीं होते हैं। उन्हें केवल लेयर पैनल के मा...

artf · Accepted Answer

यदि आप दृश्य के माध्यम से तत्व जोड़ते हैं, तो आप उनका चयन नहीं कर सकते, केवल मॉडल ही चयन योग्य हो सकते हैं इस पेज को पढ़ें https://grapesjs.com/docs/modules/Components.html आप बिना भी नए प्रकार बनाते हैं isComponent

prestonkscott · Answer

@artf मैं समझता हूं कि isComponent का उपयोग कैसे करें। मैं fromElement: false का उपयोग करूंगा इसलिए यह आवश्यक नहीं है कि मैं grapes का उपयोग कैसे करना चाहता हूं। मैं नहीं चाहता कि दृश्य में जोड़े गए तत्वों का चयन किया जाए, हालांकि मैं चाहता हूं कि नेस्टेड घटक चयन योग्य हों। वर्तमान में वे नहीं हैं। उदाहरण के लिए, यदि मैं इसे घटक दृश्य के रूप में प्रस्तुत करता हूं: फिर, फिर मैं ऊपर दिए गए घटक पर एक चाइल्ड घटक को खींचता और छोड़ता हूं। मैं नहीं चाहता कि नेस्टेड

या
को संपादक में घटकों के...

artf · Answer

ठीक है, अब मुझे मिल गया। getChildrenContainer को आपकी अपेक्षा के अनुसार काम करना चाहिए, मैं बस उन pointer-events सामान को हटाने की कोशिश करूंगा और hover को select की तरह काम करूंगा। BTW आपको jquery की आवश्यकता नहीं है, grapesjs हुड के नीचे नकदी का उपयोग करता है (जिसमें jquery-like API है) ताकि आप कर सकें: this.$el.html('...'); बच्चों को कंटेनर प्राप्त करने का एक तरीका भी है this.getChildrenContainer().style....

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

प्रश्न

जवाब (3)

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

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

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

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

"गुण" परिभाषित के बिना StyleManager गुण घटक चयन पर एक त्रुटि के कारण

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

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

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

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

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