पेजकिट - स्व-होस्टेड GrapesJS साइट बिल्डर, स्रोत के रूप में बेचा गया। जल्दी पहुंच प्राप्त करें

अंक #710✓ हल कियाखोला गया 4 जनवरी 2018द्वारा austinbiggs3 प्रतिक्रियाएं

एक पूरे तत्व को खींचने योग्य बनाएं, न कि केवल हैंडल

त्वरित उत्तरद्वारा artf❤ 3

कुछ इस तरह से प्रयास करें

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

मैं ड्रैग करने योग्य तत्वों से हैंडल को संशोधित करने पर काम कर रहा हूं, एक हैंडल होने के अलावा, मैं चाहता हूं कि पूरे तत्व को खींचने योग्य हो। कोड के माध्यम से देखते हुए, मुझे लगता है कि मुझे चयन पर tlb-move कमांड को ड्रैग करने योग्य तत्व में संलग्न करने की आवश्यकता होगी। उपरोक्त कोड, चयन पर, चयनित घटक को कंसोल में लिखता है। यहां से मेरा मानना है कि मुझे खींचने के लिए एक ईवेंट श्रोता जोड़ने की आवश्यकता होगी, हालांकि, .on() का उपयोग करके श्रोता को संलग्न करने के मेरे प्रयास विफल हो गए हैं। किसी ईवेंट श्रोता को चुनिंदा घटक से जोड़ने के तरीके के बारे में कोई सलाह?

जवाब (3)

👍 सबसे उपयोगीartf• 4 जनवरी 2018

कुछ इस तरह से प्रयास करें

Jogai• 20 मार्च 2018

मैंने आपके सुझाव का पालन किया, लेकिन मुझे एक त्रुटि मिलती है: "Uncaught TypeError: अपरिभाषित की संपत्ति 'प्रकार' नहीं पढ़ सकता" editor.on('component:selected', () => { const selected = editor.getSelected(); अगर (!चयनित || !selected.get('खींचने योग्य')) वापसी; const el = selected.view.el; अगर (!el.h...

Jogai• 17 अप्रैल 2018

अपडेट के लिए बहुत बहुत धन्यवाद! मैं अभी भी इसे सही तरीके से लागू करने के लिए थोड़ा संघर्ष कर रहा हूं। मैंने एक उदाहरण बनाया: https://codepen.io/anon/pen/vRoRBX उदाहरण उपयोगकर्ता को बहुत अधिक करने से रोक रहा है। अधिकांश तत्वों को गैर-खींचने योग्य बनाया गया है। उपयोगकर्ता को पुन: व्यवस्थित करने में स...

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

इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।

अंक #748

Component:remove action

उपलब्ध घटनाओं के माध्यम से जा रहे हैं, मैं उत्सुक हूं कि कोई "घटक: निकालें" कार्रवाई क्यों नहीं है? मैंने tlb-delete कार्रवाई को संशोधित कर...

3 उत्तरअपडेट किया गया 18 सितम्बर 2019

अंक #687

Editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम सही नहीं है।

editor.on ('component:add', function(){} का उपयोग करके घटक विशेषताओं को अपडेट करने के बाद; ब्लू बॉक्स आइटम (इसका मतलब एक्शन आइकन) सही नहीं...

3 उत्तरअपडेट किया गया 18 सितम्बर 2019

अंक #1095

एक विशेषता चयन विकल्प का चयन करें

नमस्कार मैं चाहता हूं कि आप एक चुनिंदा विशेषता के विकल्प सरणी में 'नाम' और 'मान' के बगल में एक तीसरा पैरामीटर जोड़ें, जो विशेषता विकल्पों म...

3 उत्तरअपडेट किया गया 17 सितम्बर 2019

अंक #1971

ईवेंट दूरस्थ संग्रहण के लिए पिछले स्थिति विशेषताओं को ट्रिगर करता है

मैं एक छवि के src में परिवर्तन निकालने की कोशिश कर रहा हूं और इसे निम्न कोड का उपयोग करके स्टोरेज मैनेजर का उपयोग करके रिमोट स्टोरेज में स्...

2 उत्तरअपडेट किया गया 25 अप्रैल 2020

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

समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।

सभी प्लगइन्स देखें

सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...

निःशुल्क विकल्प

ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।

मुफ्त प्लगइन्स ब्राउज़ करें →
प्रीमियम विकल्प

प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।

प्रीमियम प्लगइन्स ब्राउज़ करें →

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

एक ही विषय पर गहन मार्गदर्शिकाएँ।

सभी ट्यूटोरियल →

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

सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।