कस्टम DomComponent और ब्लॉक सभी तत्वों को डुप्लिकेट करने दें

Question

मैंने एक कस्टम ब्लॉक बनाया: और एक कस्टम डोमघटक: और एक कस्टम कमांड (मैंने पाया कि त्रुटि कहां हो रही है): जब मैं चाइल्ड आईएमजी के लिए नया लिंक सेट करता हूं, तो मैं संपादक में जो भी ब्लॉक जोड़ता हूं, वह दो बार जोड़ रहा है, और जब मैं इस डुप्लिकेट ब्लॉक का चयन करता हूं, तो दोनों का चयन किया जाता है और बदल दिया जाता है: ! [छवि] (https://user-images.githubusercontent.com/17284704/45626636-5f1d8200-ba66-11e8-971a-19bb5c9d4a9e.png)

artf · Accepted Answer

@JulyanoF आपको ऐसा कभी नहीं करना चाहिए editor.DomComponents.render() अगर आपको लगता है कि आपको उस फ़ंक्शन की आवश्यकता है, तो शायद आप कुछ गलत कर रहे हैं ... फिर अपने कस्टम घटक में, आप isComponent विधि सेट नहीं करते हैं, इसलिए कृपया इस गाइड की समीक्षा करें: https://grapesjs.com/docs/modules/Components.html बाकी के लिए, समस्या के साथ एक लाइव डेमो प्रदान करें

artf · Answer

मैं चयनित तत्व (editor.getSelected().toHTML()) का html प्राप्त करने की कोशिश कर रहा हूं, इसमें हेरफेर कर रहा हूं और मूल सामग्री को बदल रहा हूं यह गलत है... आपको [घटक का एपीआई] (https://grapesjs.com/docs/api/component.html) का उपयोग करना चाहिए, दृश्य को न छुएं या इससे भी बदतर, इसका HTML । यदि आप इस अवधारणा को नहीं समझते हैं (आपको घटक के मॉडल को संपादित करना चाहिए, न कि इसका VIEW) तो आपको बहुत सारी समस्याओं का सामना करना पड़ेगा

JulyanoF · Answer

@artf आप सही हैं। समस्या render() फ़ंक्शन का उपयोग कर रही है, जो तत्वों की नकल कर रही है .. लेकिन, अगर मैं इस फ़ंक्शन को हटाता हूं, तो संपादक HTML नहीं बदलता है .. यह अभी भी पुरानी सामग्री दिखा रहा है और नया नहीं दिखा रहा है। मैं इससे कैसे बच सकता हूं? मैं एक लाइव डेमो प्रदान करूंगा

कस्टम DomComponent और ब्लॉक सभी तत्वों को डुप्लिकेट करने दें

प्रश्न

जवाब (3)

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

ब्लॉक प्रबंधक में नए घटक जोड़ना

कस्टम लिंक मोडल वर्तमान पाठ को अपडेट नहीं करता है, लेकिन लिंक के साथ एक और पाठ जोड़ता है

जब भी Trait मान बदलता है तो संपादक के कैनवास में दृश्य को फिर से प्रस्तुत करें

'सेटिंग्स' को मैन्युअल रूप से 'शीर्षक', 'href', 'शीर्षक' कैसे बनाएं?

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

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

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

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