एक पूरे तत्व को खींचने योग्य बनाएं, न कि केवल हैंडल
प्रश्न
मैं ड्रैग करने योग्य तत्वों से हैंडल को संशोधित करने पर काम कर रहा हूं, एक हैंडल होने के अलावा, मैं चाहता हूं कि पूरे तत्व को खींचने योग्य हो। कोड के माध्यम से देखते हुए, मुझे लगता है कि मुझे चयन पर tlb-move कमांड को ड्रैग करने योग्य तत्व में संलग्न करने की आवश्यकता होगी। उपरोक्त कोड, चयन पर, चयनित घटक को कंसोल में लिखता है। यहां से मेरा मानना है कि मुझे खींचने के लिए एक ईवेंट श्रोता जोड़ने की आवश्यकता होगी, हालांकि, .on() का उपयोग करके श्रोता को संलग्न करने के मेरे प्रयास विफल हो गए हैं। किसी ईवेंट श्रोता को चुनिंदा घटक से जोड़ने के तरीके के बारे में कोई सलाह?
जवाब (3)
कुछ इस तरह से प्रयास करें
मैंने आपके सुझाव का पालन किया, लेकिन मुझे एक त्रुटि मिलती है: "Uncaught TypeError: अपरिभाषित की संपत्ति 'प्रकार' नहीं पढ़ सकता" editor.on('component:selected', () => { const selected = editor.getSelected(); अगर (!चयनित || !selected.get('खींचने योग्य')) वापसी; const el = selected.view.el; अगर (!el.h...
अपडेट के लिए बहुत बहुत धन्यवाद! मैं अभी भी इसे सही तरीके से लागू करने के लिए थोड़ा संघर्ष कर रहा हूं। मैंने एक उदाहरण बनाया: https://codepen.io/anon/pen/vRoRBX उदाहरण उपयोगकर्ता को बहुत अधिक करने से रोक रहा है। अधिकांश तत्वों को गैर-खींचने योग्य बनाया गया है। उपयोगकर्ता को पुन: व्यवस्थित करने में स...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #748
Component:remove action
उपलब्ध घटनाओं के माध्यम से जा रहे हैं, मैं उत्सुक हूं कि कोई "घटक: निकालें" कार्रवाई क्यों नहीं है? मैंने tlb-delete कार्रवाई को संशोधित कर...
अंक #687
Editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम सही नहीं है।
editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम (इसका मतलब एक्शन आइकन) सही नहीं...
अंक #1095
एक विशेषता चयन विकल्प का चयन करें
नमस्कार मैं चाहता हूं कि आप एक चुनिंदा विशेषता के विकल्प सरणी में 'नाम' और 'मान' के बगल में एक तीसरा पैरामीटर जोड़ें, जो विशेषता विकल्पों म...
अंक #1971
ईवेंट दूरस्थ संग्रहण के लिए पिछले स्थिति विशेषताओं को ट्रिगर करता है
मैं एक छवि के src में परिवर्तन निकालने की कोशिश कर रहा हूं और इसे निम्न कोड का उपयोग करके स्टोरेज मैनेजर का उपयोग करके रिमोट स्टोरेज में स्...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।