Grapesjs के डिफ़ॉल्ट पैनल में कस्टम कमांड के साथ एक कस्टम बटन कैसे जोड़ें
सभी उपलब्ध पैनल प्राप्त करने के लिए editor.Panels.getPanels() का उपयोग करें और फिर नीचे दिखाए गए addButtons विधि का उपयोग करें। यहाँ 'विकल्प' पैनल का नाम है ' संपादक। पैनल.ऐडबटन ('विकल्प', [ { आईडी: 'सहेजें', className: 'fa fa-floppy-o icon-blank', आदेश: फ़ंक्शन (संपादक 1, प्रेषक) { चेतावनी ('हैलो वर्ल्ड') }, विशेषताए...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
मैंने grapesjs को कोणीय 6 के साथ एकीकृत किया है। और मुझे स्क्रीन के शीर्ष पर दिखाई देने वाले एक चयन बॉक्स के साथ एक डिफ़ॉल्ट पैनल मिल रहा है; मैं डिफ़ॉल्ट पैनल पर अपने स्वयं के कस्टम कमांड के साथ एक कस्टम बटन चाहता हूं। मैं लाल रंग से चिह्नित नीचे की तरह एक बटन जोड़ना चाहता हूं। ! [6666666] (https://user-images.githubusercontent.com/32187513/46849489-54f46680-ce0d-11e8-95f5-3f9de669ac5c.png) मैं चाहता हूं कि जब मैं बटन पर क्लिक करूं तो हैलो वर्ल्ड मैसेज के साथ स्क्रीन पर एक अलर्ट बॉक्स प्रदर्शित होना चाहिए। कृपया मुझे बताएं कि मैं डिफ़ॉल्ट पैनल पर अपना कस्टम बटन कैसे जोड़ सकता हूं
जवाब (3)
सभी उपलब्ध पैनल प्राप्त करने के लिए editor.Panels.getPanels() का उपयोग करें और फिर नीचे दिखाए गए addButtons विधि का उपयोग करें। यहाँ 'विकल्प' पैनल का नाम है ' संपादक। पैनल.ऐडबटन ('विकल्प', [ { आईडी: 'सहेजें', className: 'fa fa-floppy-o icon-blank', आदेश: फ़ंक्शन (संपादक 1, प्रेषक) { चेतावनी ('हैलो...
मुझे इससे भी परेशानी हुई जब पैनल में बटन लगाने की कोशिश की थी। इसलिए, मैंने निम्नलिखित तरीके का उपयोग किया: editor.Panels.addButton('#target panel id#', { आईडी: 'अलर्ट-बटन', className: 'btn-alert-button', लेबल: 'मेरे बट (पर) पर क्लिक करें', कमांड (संपादक) { अलर्ट ('हैलो वर्ल्ड'); } सक्रिय: सत्य });...
यह https://grapesjs.com/docs/getting-started.html#panels-button पर अच्छी तरह से प्रलेखित है। बटन के साथ पैनल जोड़ने के लिए आपके पास दो तरीके हैं: (1) GrapesJS इनिशियलाइज़ करते समय, (2) GrapesJS addPanel के साथ इनिशियलाइज़ होने के बाद। कृपया ध्यान दें कि यह उस पैनल के लिए है जिसे आपने <div id='basic...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #1539
Grapesjs में प्रपत्र की क्रिया को कैसे और कहाँ परिभाषित करें
सभी को नमस्कार, मैं grapesjs में प्रपत्रों से डेटा कैसे प्राप्त कर सकता हूं। मैंने कैनवास पर एक फॉर्म गिरा दिया है जैसा कि आप नीचे देख सकते...
अंक #1514
ब्लॉकमैनेजर पर वीडियो ब्लॉक कैसे जोड़ें
सभी को नमस्कार। मैं ब्लॉकमैनेजर पर एक वीडियो ब्लॉक जोड़ना चाहता हूं जैसा कि नीचे स्नैपशॉट पर बताया गया है ! [एए] (https://user-images.githu...
अंक #3250
प्रश्न: परत लेबल
@artf मुझे जीजेएस के साथ काम करना अच्छा लग रहा है। मेरे पास एक आखिरी चीज है जिस पर मुझे आपकी मदद पसंद आएगी। लेयर मैनेजर में लेबल को कस्टमाइ...
अंक #4497
V18.4 से GrapesJS v19.5 में अपडेट करने से क्रोम अनुत्तरदायी हो जाता है
GrapesJS संस्करण[x] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम 104.0.5112.7...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ट्यूटोरियल
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
ट्यूटोरियल
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
ट्यूटोरियल
2026 में GrapesJS के साथ AI-संचालित पेज बिल्डर कैसे बनाएं
हमने GJSDocs का निर्माण करना सीखा - सरल AI टेक्स्ट जनरेशन से लेकर संरचित, संदर्भ-जागरूक दृश्य संपादन तक
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।