परिभाषा के अनुसार सभी ब्लॉकों को समान शैलियों में रखना चाहिए

Question

हम blockManager का उपयोग कर रहे हैं, जैसा कि आप कस्टम रेंडर से संबंधित दस्तावेज़ीकरण के बाद, codesandbox पर पोस्ट किए गए उदाहरण में देख सकते हैं। हमारे लिए अप्रत्याशित व्यवहार यह है कि हर बार जब कोई उपयोगकर्ता किसी ब्लॉक की शैलियों को संपादित करता है, तो सभी ब्लॉक उस शैली के साथ अपडेट किए जाते हैं, क्योंकि शैली को ब्लॉक में उपयोग की जाने वाली कक्षा पर सेट किया गया है, इस मामले में .row-cell ।

क्या यह अपेक्षित व्यवहार है?
हम इससे कैसे बच सकते हैं?

धन्यवाद!

संदर्भ: https://codesandbox.io/s/wkr3oqxpw8 https://grapesjs.com/docs/modules/Blocks.html#custom-render

artf · Accepted Answer

सबसे पहले, आपके उदाहरण/समस्या का ब्लॉक में कस्टम रेंडर से कोई लेना-देना नहीं है (आप इसका उपयोग कैनवास में घटकों को नहीं बल्कि ब्लॉक के यूआई को अनुकूलित करने के लिए करेंगे)।

एक समाधान [उस वर्ग को निजी सेट करें] (https://github.com/artf/grapesjs/issues/1566#issuecomment -437167731)

trivago-vgarcia · Answer

@artf उत्तर के लिए धन्यवाद! क्षमा करें, क्योंकि उदाहरण स्पष्ट नहीं था। यह हर मामले पर होता है, मेरा मतलब है, तब भी जब उन्हें डिफ़ॉल्ट टेम्पलेट में परिभाषित किया जाता है, न कि केवल जब एक नया चयनकर्ता जोड़ा जाता है। इसलिए, selector:add का उपयोग करने से सभी मामलों को ठीक नहीं किया जाएगा। क्या आपके पास कोई अन्य सुझाव है? धन्यवाद!

artf · Answer

यह हर मामले में होता है, मेरा मतलब है, तब भी जब उन्हें डिफ़ॉल्ट टेम्पलेट में परिभाषित किया जाता है, न कि केवल जब एक नया चयनकर्ता जोड़ा जाता है। इसलिए, selector:add का उपयोग करने से सभी मामलों को ठीक नहीं किया जा सकता है। selector:add तब भी ट्रिगर होता है जब पार्सिंग से एक नया वर्ग जोड़ा जाता है। इसलिए, इसे एक प्लगइन के रूप में रखें, इसलिए टेम्पलेट लोड होने से पहले इसे संलग्न किया जाएगा और श्रोता द्वारा कोई भी नई कक्षा पारित की जाएगी

परिभाषा के अनुसार सभी ब्लॉकों को समान शैलियों में रखना चाहिए

प्रश्न

जवाब (3)

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

ब्लॉक मैनेजर पर आइकन

दूसरे ओपन पर एसेट मैनेजर खाली

समस्या: दस्तावेज़ों में टूटे हुए लिंक

1 विशेषता के साथ 2 विशेषताओं को बदलें

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

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

🚀 पेश है GrapesJS ईमेल ब्लॉकी: GrapesJS के लिए अंतिम ईमेल ब्लॉक लाइब्रेरी

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