निरपेक्ष/डिज़ाइनर मोड
त्वरित अपडेट, https://github.com/artf/grapesjs/releases/tag/v0.15.3 से आप इन नए ड्रैग मोड एपीआई का उपयोग शुरू कर सकते हैं config.dragMode - वैश्विक ड्रैग मोड के लिए प्रारंभिक कॉन्फ़िगरेशनeditor.setDragMode - घटकों के वैश्विक ड्रैग मोड को बदलेंcomponent.setDragMode - किसी एक घटक का ड्रैग मोड बदलें संभावित मान पहले से ह...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
हाय दोस्तों, यह मुद्दा इस बात का अवलोकन है कि यह क्या है, क्या किया जाता है, क्या करना है और डिज़ाइनर मोड सुविधा को पूरा करने के लिए अच्छा है। प्रस्तावना तो चलिए यह वर्णन करके शुरू करते हैं कि यह क्या है और इस सुविधा का लक्ष्य क्या है। डिज़ाइनर मोड को उपयोगकर्ता को HTML निश्चित स्थिति बाधाओं के बिना, कैनवास के चारों ओर घटकों को स्वतंत्र रूप से खींचने की अनुमति देनी चाहिए, जैसा कि आप फ़ोटोशॉप / स्केच जैसे टूल में करते हैं। इस तरह से घटकों को स्थानांतरित करना बहुत अधिक सहज है, खासकर उन लोगों के लिए जिनका HTML पोजिशनिंग से कोई लेना-देना नहीं है। ! [डिजाइनर-मोड] (https://user-images.githubusercon...
जवाब (3)
त्वरित अपडेट, https://github.com/artf/grapesjs/releases/tag/v0.15.3 से आप इन नए ड्रैग मोड एपीआई का उपयोग शुरू कर सकते हैं config.dragMode - वैश्विक ड्रैग मोड के लिए प्रारंभिक कॉन्फ़िगरेशनeditor.setDragMode - घटकों के वैश्विक ड्रैग मोड को बदलेंcomponent.setDragMode - किसी एक घटक का ड्रैग मोड बदलें स...
@simplecommerce डिवाइस मोड पर क्लिक करते समय, यदि पूर्ण स्थिति का उपयोग करते हैं, तो केवल उस मोड के लिए शैलियाँ बनाएँगे, इससे उत्तरदायी पृष्ठ बनाना आसान हो जाएगा, क्योंकि आप डिवाइस मोड के बीच टॉगल कर सकते हैं और अपने तत्वों की स्थिति बना सकते हैं। GrapesJS पहले से ही इस तरह से काम करता है, लेकिन यह...
@sunhillbd हाँ, लेकिन शायद यह मेरी गलती है कि यह बिंदु के बारे में पूरी तरह से स्पष्ट नहीं है। मूल रूप से, डेमो में आप जो देखते हैं वह स्थैतिक स्थिति को पूर्ण एक के साथ मिलाने का एक उदाहरण है, जब आप ड्रैग आइकन पर क्लिक करते हैं तो आप घटक को स्थिर प्रवाह से अलग करते हैं ताकि आप जो प्रभाव देखते हैं व...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #1577
इनलाइन सीएसएस टिप्पणियाँ कोड प्रबंधक को तोड़ती हैं
जाहिरा तौर पर यह html और css का मान्य टुकड़ा है: <div style="color: red; / height 200px; /; font-weight: bold;"> (इसलिए टिप्पणी की गई heigh...
अंक #1711
कैनवास को स्थानांतरित करने के बाद शीघ्र स्थिति में त्रुटि
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错 1, चलती कैनवास 2、 लेयरमैनेजर पर क्लिक करें (यदि आप लेयरमैनेजर पर क्लिक नहीं क...
अंक #563
तालिका <thead> और <tbody> टैग को हटा दिया जाता है
नमस्कार GrapesJS (शायद) के साथ नया मुद्दा है। मैंने bm.add() का उपयोग करके नया घटक बनाया है जिसमें मैंने <thead> और <tbody> टैग के साथ एक त...
अंक #1410
ड्रैग प्लेसहोल्डर हाइलाइटर पोशन
@artf जब हम कंटेनर के ऊपर से कुछ मार्जिन सेट करते हैं और इसके अंदर कुछ एलिमेंट खींचना चाहते हैं तो ड्रैग प्लेसहोल्डर हाइलाइटर स्थिति सही नह...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
GrapesJS के लिए सुपर टूलटिप - संस्करण 0.1.5 जारी किया गया 🎉
हम सुपर टूलटिप के वी 0.1.5 अपडेट की घोषणा करने के लिए उत्साहित हैं, जो GrapesJS के लिए हमारा फ्लोटिंग-मेनू और टूलटिप प्लगइन है
ट्यूटोरियल
GrapesJS 2026 में: ओपन-सोर्स वेब बिल्डर फ्रेमवर्क के लिए पूरी गाइड
2026 में मास्टर GrapesJS । आर्किटेक्चर, कोड उदाहरण, React एकीकरण, प्लगइन विकास, स्टूडियो एसडीके, और यह अन्य परियोजनाओं की तुलना कैसे करता है
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।