मैं गिराए गए तत्व की स्थिति कैसे निर्दिष्ट कर सकता हूं?

Question

मैं ड्रैगिंग एलिमेंट की स्थिति निर्दिष्ट करना चाहता हूं। उदाहरण के लिए, यदि मेरे पास एक हेडर ब्लॉक है जो कोई फर्क नहीं पड़ता कि आप कहां खींचते हैं, तो इसे दस्तावेज़ के शीर्ष पर रखा जाना चाहिए। मुझे यह कैसे करना चाहिए?

RutujaBadbe · Accepted Answer

हेडर ब्लॉक को कैनवास में छोड़ने के बाद, मुझे इसे किसी अन्य घटक/ब्लॉक के शीर्ष पर जाने की आवश्यकता है। वर्तमान में, मैं यह कर रहा हूं। लेकिन यह काम नहीं कर रहा है। editor.on('canvas:drop',(DataTransfer, model)=> { अगर (model.is('हेडर')) { var index = 0; editor.getComponents().add(model, {at: index}); } })

artf · Answer

आप draggable प्रॉपर्टी का उपयोग (सीएसएस क्वेरी स्ट्रिंग्स के माध्यम से) परिभाषित करने के लिए कर सकते हैं जहां घटक रखा जा सकता है लेकिन आप स्थिति निर्दिष्ट नहीं कर सकते। आप हेडर जैसे घटकों के लिए एक कंटेनर के रूप में एक कस्टम घटक बनाने का प्रयास कर सकते हैं और उन कंटेनरों के साथ हमेशा अपने टेम्पलेट को स्थापित कर सकते हैं। फिर आपका हेडर इस तरह से ड्रैग करने योग्य प्रॉपर्टी का उपयोग कर सकता है: draggable: '[data-gjs-type="header-container"]',

RutujaBadbe · Answer

@artf उत्तर के लिए धन्यवाद। मुझे नहीं पता कि यह सही तरीका है या नहीं लेकिन मैंने कुछ किया और इसने मेरे लिए काम किया। मैं इसमें काफी नया हूं और अभी भी डॉक्स से सीख रहा हूं। मैंने यह किया- editor.on('canvas:drop',( model)=> { अगर (model.is('हेडर')) { //created कस्टम घटक प्रकार हेडर const wrapper = editor.getWrapper(); const el = wrapper.find('header')[1]; //checking if header already exist अगर (एल == अपरिभाषित) { var wrapperChildren = editor.DomComponents.getComponents(); var index = 1; wrapperCh...

मैं गिराए गए तत्व की स्थिति कैसे निर्दिष्ट कर सकता हूं?

प्रश्न

जवाब (4)

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

श्रेणी क्रम ठीक से प्रदर्शित नहीं हो रहा है

गतिशील सामग्री लोड हो रहा है

Ckeditor5 + GrapesJS अब संभव है!

विशेषता बटन कमांड 0.17.4 पर काम नहीं कर रहा है

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

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

Introducing Search on GJS.Market

2026 में GrapesJS के साथ AI-संचालित पेज बिल्डर कैसे बनाएं

2026 में SaaS पेज बिल्डर बनाने में कितना खर्च आता है?

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