ड्रैग करने योग्य = "सच" के साथ बाहरी html को खींचने में परेशानी हो रही है

Question

मैं एक बाहरी html तत्व को GrapesJS में खींचने में सक्षम बनाना चाहता हूं, जैसे कि आप एक ब्लॉक में कैसे खींच सकते हैं और यह कुछ जोड़ देगा। मेरे पास एक नमूना है, जिसमें ड्रैग करने योग्य = "true" के साथ एक div है, एक नियमित div और एक छवि है। छवि ठीक से खींचती है और यदि आप नियमित div के पाठ का चयन करते हैं और इसमें खींचते हैं तो यह काम करता है, लेकिन ड्रैग करने योग्य = "true" के साथ div ठीक से नहीं खींचता है। मैं चाहता हूं कि div अन्य दो तत्वों की तरह ही व्यवहार करे, और खुद को संपादक में जोड़े। http...

artf · Accepted Answer

@Davidvlv HTML5 D&D उस तरह काम नहीं करता है, draggable="true" जोड़ना पर्याप्त नहीं है। यह सिर्फ ब्राउज़र को बताता है "अरे आप मुझे खींच सकते हैं!", लेकिन आपको यह भी निर्दिष्ट करना होगा कि आप क्या खींचना चाहते हैं (एपीआई dataTransfer.setData उपयोग करके)। यहां आपका उदाहरण सही सेटअप और canvas:dragdata के उपयोग के साथ बढ़ाया गया है (उदाहरण के रूप में, इस मामले में आवश्यक नहीं है) https://jsfiddle.net/artur_arseniev/87rcb24n/

sdrebel · Answer

क्या आपने यह कोशिश की है? editor = grapesjs.init({ ....... ड्रैगमोड: 'निरपेक्ष', // 'निरपेक्ष' | 'अनुवाद करें' ...... }) और आप प्रत्येक घटक के लिए ड्रैग मोड भी सेट कर सकते हैं। https://grapesjs.com/docs/api/component.html#index

Davidvlv · Answer

हाय @sdrebel इससे मेरी समस्या का समाधान नहीं होता है। मैंने jsfiddle को प्रदर्शित करने वाला एक वीडियो संलग्न किया है - ध्यान दें कि ड्रैग करने योग्य = "true" के साथ div संपादक में नहीं खींचता है। [grapesjs आयात draggable.zip] (https://github.com/artf/grapesjs/फ़ाइलें/4253275/grapesjs.import.draggable.zip)

ड्रैग करने योग्य = "सच" के साथ बाहरी html को खींचने में परेशानी हो रही है

प्रश्न

जवाब (3)

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

AsDocument अपेक्षा के अनुरूप काम नहीं कर रहा है

सेट रूट काम नहीं करता है

स्टाइल मैनेजर संयुक्त सीएसएस चयनकर्ताओं का उपयोग करते समय गलत है जिसमें "bout" और componentFirst = true शामिल हैं

नीली रूपरेखा (GJS-होवर) स्क्रॉलिंग के दौरान अपने माता-पिता का अनुसरण नहीं कर रही है

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

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