करतब: उन्नत छाया डोम समर्थन

Question

आप GrapesJS में क्या जोड़ने की कोशिश कर रहे हैं? बेहतर शैडो डोम समर्थन, डेवलपर्स को कॉन्फ़िगरेशन में चयनकर्ताओं के बजाय तत्वों में विशेष रूप से पास किए बिना एक छाया तत्व के अंदर GrapesJS प्रस्तुत करने की अनुमति देता है। अपने फीचर अनुरोध का वर्णन करें विस्तृत वर्तमान में तत्व चयनकर्ताओं का उपयोग करते समय, GrapesJS केवल दस्तावेज़ क्वेरी चयनकर्ता का उपयोग करता है। शैडो डोम के अंदर रेंडर करते समय यह काम नहीं करता है, क्योंकि दस्तावेज़ छाया रूट नहीं है। मैं एक छाया रूट को परिभाषित करने में सक्षम होन...

artf · Accepted Answer

हाय @AStoker मुझे समझ में नहीं आता कि आपके उदाहरण के साथ वास्तविक समस्या क्या है (एक तरफ अपने छाया डोम के अंदर GrapesJS शैलियों को लोड नहीं कर रहा है)। यदि आप छाया डोम संलग्न कर रहे हैं, तो जाहिर है, आप container: '#gjs', ऐसा नहीं कर सकते हैं, लेकिन आप अभी भी HTMLElements को पास करने में सक्षम हैं जैसा कि आप पहले से ही अपने उदाहरण में कर रहे हैं, तो समस्या क्या है?

AStoker · Answer

मुद्दा यह है कि मुझे हर जगह HTML तत्वों को पास करना होगा और चयनकर्ताओं का उपयोग नहीं कर सकता। यह लिखने के लिए बोझिल हो सकता है क्योंकि मुझे अब हर पैनल, हर तत्व, कुछ भी जो हम GrapesJS में हुक करते हैं, के लिए छाया डोम के क्वेरी चयनकर्ता का उपयोग करना चाहिए। इसके अतिरिक्त, यदि एक कंटेनर की अवधारणा थी, तो यह GrapesJS को किसी एप्लिकेशन के अन्य भागों के साथ गलती से हस्तक्षेप करने से अलग करने में काफी मदद करेगा। चूंकि अधिक एप्लिकेशन घटकों और कस्टम तत्वों का उपयोग करते हैं, घटकों के बीच उचित अलगाव महत...

AStoker · Answer

मैंने JSFiddle को अपडेट किया है ताकि आप देख सकें कि शैडो डोम के भीतर शैलियों को प्राप्त करने के लिए हमें क्या करने की आवश्यकता है। लेकिन दुर्भाग्य से सीएसएस जो स्वचालित रूप से GrapesJS द्वारा जोड़ा जाता है, शरीर पर मौजूद होता है और वैश्विक स्टाइलशीट को प्रदूषित कर रहा है और शैडो डोम के अंदर होने के कारण GrapesJS व्यर्थ है।

करतब: उन्नत छाया डोम समर्थन

प्रश्न

जवाब (4)

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

HTML स्ट्रिंग का अनुवाद करना

कैनवास को स्थानांतरित करने/स्केल करने के बाद रीसेट नहीं कर सकते

करतब: कैनवास में एक ब्लॉक गिराने से पहले हुक करने के लिए एक घटना

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

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

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

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

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