प्रत्येक घटक को किसी अन्य घटक के साथ कैनवास में खींचें ऑटो लपेटें
@pouyamiralayi मैं एक वस्तु के रूप में घटक बनाकर समस्या को हल करने में कामयाब रहा। ऐसा ही। वैसे भी मदद करने की कोशिश करने के लिए धन्यवाद।
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
मैं यह सुनिश्चित करने की कोशिश कर रहा हूं कि प्रत्येक घटक एक कॉलम घटक के साथ लपेटने के लिए कैनवास में खींचें। इसे प्राप्त करने के लिए मैं कैनवास ईवेंट का उपयोग करता हूं। सबसे पहले मैंने डिफ़ॉल्ट html 5 ड्रैग और ड्रॉप ईवेंट को फायर करने से रोकने के लिए विंडो ईवेंट को अक्षम कर दिया। canvas:drop घटना मान लीजिए कि मेरा कॉलम घटक इतना सरल है, केवल एक div । canvas:dragdata घटना कोड रिटर्न त्रुटि के ऊपर, यह कहते हुए कि dataTransfer परिभाषित नहीं है मैं जो समझता हूं वह यह है कि हम result.content के साथ कैनवास पर जो कुछ भी छोड़ते हैं उसे हम अनुकूलित कर सकते हैं कुछ ऐसा या मुझे समझ में नहीं आता कि खींचे...
जवाब (2)
@pouyamiralayi मैं एक वस्तु के रूप में घटक बनाकर समस्या को हल करने में कामयाब रहा। ऐसा ही। वैसे भी मदद करने की कोशिश करने के लिए धन्यवाद।
आपको नमस्कार! आप जिस ईवेंट की तलाश कर रहे हैं वह है यह editor.on('block:drag:stop', function (element) { element.replaceWith({ टैगनाम:'div', शैली: {'बॉर्डर': '1px सॉलिड रेड'}, घटक: [तत्व] }) }) यहां ध्यान दें कि मैं अपने आवरण के रूप में लाल बॉर्डर वाले div का उपयोग कर रहा हूं; आपके मामले में यह कॉल...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #1044
मॉडल में छवि तत्व के लिए SRC बदलें
नमस्कार जब कोई छवि ब्लॉक संपादक पर जाता है तो मैं डिफ़ॉल्ट परिसंपत्ति प्रबंधक को छुपाता हूं और अपना कस्टम परिसंपत्ति प्रबंधक प्रदर्शित करता...
अंक #2611
बाहरी सामग्री को कैनवास पर खींचना
मैं एक मोडल से डी एंड डी कार्यक्षमता जोड़ने की कोशिश कर रहा हूं जो एचटीएमएल फाइलों (एचटीएमएल स्निपेट्स) का एक गुच्छा सूचीबद्ध करता है .. सं...
अंक #4754
स्क्रिप्ट गुणों के लिए टैग को बंद करना `</script>` से बच नहीं गया
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम संस्करण 107...
अंक #5352
Uncaught SyntaxError: CanvasView.ts:590:12 पर अप्रत्याशित टोकन '{'
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 1.56.20 क...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।