एक नया दृश्य खोलने के साथ Pannel/Command उदाहरण/दस्तावेज़ीकरण का विस्तार करें
GrapeJS से परिचित होने का एक अच्छा अभ्यास यह होगा कि ब्लॉक मैनेजर को डुप्लिकेट करने और अपना खुद का बनाने का प्रयास किया जाए। आप नीचे दी गई फाइलों को संपादित करके इसे पूरा कर सकते हैं। एक अच्छा उदाहरण यह होगा कि src/blockmanagerand को src/sectionmanager कहा जाए, फिर सभी नामों का नाम BlockManager से SectionManager में ब...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
हाय आर्टुर,
सबसे पहले grapesjs भयानक है!
फिलहाल मैं एक साथ पहेली बनाने की कोशिश कर रहा हूं कि एक बटन के साथ एक पैनल कैसे बनाया जाए जो एक नया दृश्य खोलता है, जैसे ब्लॉक और लेयरमैनेजर बटन करते हैं। मैं उस नए दृश्य में आइटम के अपने सेट को प्रस्तुत करना चाहता हूं। मैं उस कोड को देख रहा हूं जिसका उपयोग आप उन दृश्यों को खोलने के लिए करते हैं लेकिन यह आइटम को प्रस्तुत करने के लिए प्रबंधकों का उपयोग करता है। यह भी थोड़ा स्पष्ट नहीं है कि सभी कोड क्या करते हैं।
इस विषय पर कुछ और दस्तावेज होना बहुत अच्छा होगा।
जवाब (3)
GrapeJS से परिचित होने का एक अच्छा अभ्यास यह होगा कि ब्लॉक मैनेजर को डुप्लिकेट करने और अपना खुद का बनाने का प्रयास किया जाए। आप नीचे दी गई फाइलों को संपादित करके इसे पूरा कर सकते हैं। एक अच्छा उदाहरण यह होगा कि src/blockmanagerand को src/sectionmanager कहा जाए, फिर सभी नामों का नाम BlockManager से...
अरे, कुछ ऐसा ही करने की सोच रहा था और यह यहाँ पाया। सोच रहा था कि क्या नए विचार बनाने की प्रक्रिया को समझाने वाला कोई दस्तावेज है।
हाय @RuudH सुझाव के लिए धन्यवाद, मुझे उम्मीद है कि मैं जल्द ही इस तर्क के बारे में कुछ और प्रकाशित करूंगा। अभी के लिए, मैं केवल यह सुझाव दे सकता हूं कि आप उन पैनलों के लिए उपयोग किए जाने वाले आदेशों की जांच करें (उदाहरण के लिए। [ओपनब्लॉक्स] (https://github.com/artf/grapesjs/ब्लॉब/देव/एसआरसी/कमांड/व...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3123
करतब: स्टाइल मैनेजर में चयनकर्ता प्रदर्शित करने के लिए 'इनलाइन-फ्लेक्स' जोड़ें
आप GrapesJS में क्या जोड़ने की कोशिश कर रहे हैं? प्रदर्शन शैली inline-flex. या क़िस्म: वर्तमान में स्टाइल मैनेजर के डिस्प्ले चयनकर्ता के प...
अंक #6458
Sector.setName काम नहीं करता है
GrapesJS संस्करण [x] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोमियम प्रतिलिप...
अंक #6365
शैली प्रबंधक वंशज चयनकर्ताओं की सही व्याख्या करने में विफल रहता है
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम संस्करण 131...
अंक #5112
GrapeJS/drag and drop लिनक्स और वेलैंड पर Brave के लिए काम नहीं कर रहा है
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? संस्करण 1.51.110...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
2026 में SaaS पेज बिल्डर बनाने में कितना खर्च आता है?
2026 में SaaS पेज बिल्डर बनाने में कितना खर्च आता है? यथार्थवादी विकास लागत, समयसीमा, सुविधाओं और GrapesJS का उपयोग कैसे कम किया जा सकता है इसका अन्वेषण करें
ट्यूटोरियल
GrapesJS के लिए क्लाउड कौशल: एआई हमारे दृश्य संपादकों के निर्माण के तरीके को कैसे बदल रहा है
हमने GrapesJS विकास के लिए क्लाउड स्किल जारी किया है - एक मुफ्त, ओपन-सोर्स कौशल जो क्लाउड को एक डेवलपर में बदल देता है जो वास्तव में GrapesJS
ट्यूटोरियल
Next.js, GrapesJS और AI SDK के साथ AI-असिस्टेड डॉक्यूमेंट इंजन का निर्माण
अपने स्थिर टेम्पलेट संपादक को Vercel AI SDK, AI तत्वों और Next.js के साथ एक बुद्धिमान, जनरेटिव डिज़ाइन कार्यक्षेत्र में बदलें।
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।