छवि नहीं बदलती है जब हम editor.getHtml() का उपयोग करके html प्राप्त करते हैं

Question

हैलो @artf मैं अपनी वेबसाइट में अपने वेबसाइट-बिल्डर टूल के लिए grapes.js का उपयोग कर रहा हूं। जब मैं किसी भी छवि पर डबल क्लिक करता हूं तो परिसंपत्ति-प्रबंधक खुल जाएगा और मैं परिसंपत्ति-प्रबंधक से छवि चुन सकता हूं। अब बात यह है कि मैंने शर्तों को रखा है जैसे एक बार उपयोगकर्ता एसेट-मैनेजर से किसी भी छवि का चयन करेगा तो मैं उस img टैग को div टैग से बदल दूंगा और वहां एक image-editor (It's cropper.js) को इनिशियलाइज़ कर दूंगा। अब एक बार जब मैं इमेज के चयन के बाद एसेट मैनेजर को बंद कर देता हूं तो इमेज...

artf · Accepted Answer

आपने कोई कोड नहीं दिखाया है, लेकिन मुझे लगता है कि आपने घटक के DOM तत्वों को संपादित किया है, जब इसके बजाय आपको इसके [घटक] (https://grapesjs.com/docs/api/component.html) मॉडल डेटा (जैसे imgModel.set('src', 'base64....')) को बदलना चाहिए

AkibDeraiya123 · Answer

हैलो @artf मेरे प्रश्न पर आपके उत्तर के लिए धन्यवाद। मैं यहां अपना कोड संलग्न कर रहा हूं, कृपया मुझे बताएं कि मैं कहां गलत हो रहा हूं। इसलिए, मूल रूप से उपरोक्त कोड चलाया जाएगा जबकि उपयोगकर्ता विशेष छवि पर डबल-क्लिक करेगा। इस फ़ंक्शन में मैं चयनित छवि में एक रैंडम जेनरेट id विशेषता जोड़ने जा रहा हूं। अब मैंने stop:open-assets को भी बुलाया, मैंने इस तरह की कोशिश की है, यह कोड ठीक काम कर रहा है जबकि मैं opts के साथ .set फ़ंक्शन का उपयोग करने जा रहा हूं। लेकिन यहां मुद्दा यह है कि जब मैं इस 3 लाइन...

artf · Answer

इस फ़ंक्शन में अभी मैं jQuery का उपयोग करके छवि src बदल रहा हूं जो ठीक काम कर रहा है। लेकिन जब मुझे editor.getHtml() मिलता है तो यह रिफ्लेक्टेड नहीं होता है। ... @AkibDeraiya123 यह बिल्कुल वही है जो मैंने आपको अपनी पिछली टिप्पणी में बताया था ... JQuery के साथ DOM को संपादित न करें ... मॉडल को संपादित करें जैसा कि मैंने आपको बताया था

छवि नहीं बदलती है जब हम editor.getHtml() का उपयोग करके html प्राप्त करते हैं

प्रश्न

जवाब (3)

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

कैनवास से कस्टम घटकों का चयन संभव नहीं है।

संपादक में संपादन करते समय सामग्री स्वचालित रूप से हटा दी जाएगी

लेयर्स पैनल खोलने के बाद आइटम ड्रॉप डुप्लिकेट।

किसी कस्टम फ़ंक्शन के साथ डिफ़ॉल्ट RTE सक्षम करें

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

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

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

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