क्या प्रतिक्रिया घटकों का उपयोग करके एक घटक बनाना संभव है?
प्रश्न
क्या कुछ लाइब्रेरी से रिएक्ट कंपोनेंट बनाना या प्राप्त करना और टेम्पलेट बनाने के लिए अनुमत घटक के रूप में सम्मिलित करना संभव है?
import React from 'react';
import CustomButton from './components/CustomButton'
import grapesjs from 'grapesjs'
const editor = grapesjs.init({
...
});
editor.addComponents(<CustomButton color="red" otherProp={...somepros}/>);
//or
editor.BlockManager.add('CustomButton', {
label: 'button',
content: <CustomButton color="red" otherProp={...somepros}/>,
});
जवाब (1)
@TRUEND यहाँ एक उदाहरण है चीयर्स!
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #1505
पंक्ति और अनुभागों को जोड़ना काम नहीं कर रहा है
मैं grapejs कोण6 के साथ एकीकृत कर रहा हूं। लेकिन यह काम नहीं कर रहा है इसका मतलब है कि यह ब्लॉक पर नहीं दिख रहा है मैं निम्नलिखित कोड का उप...
अंक #4572
पेज अपडेट इवेंट सक्रिय नहीं होता है
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोमियम प्रतिलिप...
अंक #3207
फॉर्म जमा नहीं कर रहा है
मैं कस्टम ब्लॉक के रूप में बनाने की कोशिश कर रहा हूं। लेकिन जब मैं components अंदर की सामग्री का उपयोग करता हूं तो फॉर्म सबमिट नहीं हो रहा...
अंक #5207
बहु पृष्ठ निर्माण के दौरान डुप्लिकेट सीएसएस
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? Chrome नवीनतम प्र...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।