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

अंक #2179✓ हल कियाखोला गया 2 अगस्त 2019द्वारा afdallah3 प्रतिक्रियाएं

प्रत्येक घटक को किसी अन्य घटक के साथ कैनवास में खींचें ऑटो लपेटें

त्वरित उत्तरद्वारा afdallah❤ 2

@pouyamiralayi मैं एक वस्तु के रूप में घटक बनाकर समस्या को हल करने में कामयाब रहा। ऐसा ही। वैसे भी मदद करने की कोशिश करने के लिए धन्यवाद।

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

प्रश्न

मैं यह सुनिश्चित करने की कोशिश कर रहा हूं कि प्रत्येक घटक एक कॉलम घटक के साथ लपेटने के लिए कैनवास में खींचें। इसे प्राप्त करने के लिए मैं कैनवास ईवेंट का उपयोग करता हूं। सबसे पहले मैंने डिफ़ॉल्ट html 5 ड्रैग और ड्रॉप ईवेंट को फायर करने से रोकने के लिए विंडो ईवेंट को अक्षम कर दिया। canvas:drop घटना मान लीजिए कि मेरा कॉलम घटक इतना सरल है, केवल एक div । canvas:dragdata घटना कोड रिटर्न त्रुटि के ऊपर, यह कहते हुए कि dataTransfer परिभाषित नहीं है मैं जो समझता हूं वह यह है कि हम result.content के साथ कैनवास पर जो कुछ भी छोड़ते हैं उसे हम अनुकूलित कर सकते हैं कुछ ऐसा या मुझे समझ में नहीं आता कि खींचे...

जवाब (2)

👍 सबसे उपयोगीafdallah• 2 अगस्त 2019

@pouyamiralayi मैं एक वस्तु के रूप में घटक बनाकर समस्या को हल करने में कामयाब रहा। ऐसा ही। वैसे भी मदद करने की कोशिश करने के लिए धन्यवाद।

pouyamiralayi• 2 अगस्त 2019

आपको नमस्कार! आप जिस ईवेंट की तलाश कर रहे हैं वह है यह editor.on('block:drag:stop', function (element) { element.replaceWith({ टैगनाम:'div', शैली: {'बॉर्डर': '1px सॉलिड रेड'}, घटक: [तत्व] }) }) यहां ध्यान दें कि मैं अपने आवरण के रूप में लाल बॉर्डर वाले div का उपयोग कर रहा हूं; आपके मामले में यह कॉल...

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

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

अंक #1044

मॉडल में छवि तत्व के लिए SRC बदलें

नमस्कार जब कोई छवि ब्लॉक संपादक पर जाता है तो मैं डिफ़ॉल्ट परिसंपत्ति प्रबंधक को छुपाता हूं और अपना कस्टम परिसंपत्ति प्रबंधक प्रदर्शित करता...

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

अंक #2611

बाहरी सामग्री को कैनवास पर खींचना

मैं एक मोडल से डी एंड डी कार्यक्षमता जोड़ने की कोशिश कर रहा हूं जो एचटीएमएल फाइलों (एचटीएमएल स्निपेट्स) का एक गुच्छा सूचीबद्ध करता है .. सं...

2 उत्तरअपडेट किया गया 11 मार्च 2020

अंक #4754

स्क्रिप्ट गुणों के लिए टैग को बंद करना `</script>` से बच नहीं गया

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम संस्करण 107...

2 उत्तरअपडेट किया गया 10 अगस्त 2023

अंक #5352

Uncaught SyntaxError: CanvasView.ts:590:12 पर अप्रत्याशित टोकन '{'

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 1.56.20 क...

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

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

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

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

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

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

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

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

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

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

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

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