पेजकिट - स्व-होस्टेड GrapesJS साइट बिल्डर, स्रोत के रूप में बेचा गया। जल्दी पहुंच प्राप्त करें

अंक #2629✓ हल कियाखोला गया 9 मार्च 2020द्वारा vitor-peixoto2 प्रतिक्रियाएं

क्या प्रतिक्रिया घटकों का उपयोग करके एक घटक बनाना संभव है?

त्वरित उत्तरद्वारा pouyamiralayi❤ 2

@TRUEND यहाँ एक उदाहरण है चीयर्स!

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

क्या कुछ लाइब्रेरी से रिएक्ट कंपोनेंट बनाना या प्राप्त करना और टेम्पलेट बनाने के लिए अनुमत घटक के रूप में सम्मिलित करना संभव है?

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)

👍 सबसे उपयोगीpouyamiralayi• 9 मार्च 2020

@TRUEND यहाँ एक उदाहरण है चीयर्स!

संबंधित प्रश्न और उत्तर

इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।

अंक #1505

पंक्ति और अनुभागों को जोड़ना काम नहीं कर रहा है

मैं grapejs कोण6 के साथ एकीकृत कर रहा हूं। लेकिन यह काम नहीं कर रहा है इसका मतलब है कि यह ब्लॉक पर नहीं दिख रहा है मैं निम्नलिखित कोड का उप...

3 उत्तरअपडेट किया गया 12 अक्टूबर 2019

अंक #4572

पेज अपडेट इवेंट सक्रिय नहीं होता है

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोमियम प्रतिलिप...

4 उत्तरअपडेट किया गया 6 मार्च 2025

अंक #3207

फॉर्म जमा नहीं कर रहा है

मैं कस्टम ब्लॉक के रूप में बनाने की कोशिश कर रहा हूं। लेकिन जब मैं components अंदर की सामग्री का उपयोग करता हूं तो फॉर्म सबमिट नहीं हो रहा...

4 उत्तरअपडेट किया गया 24 मई 2023

अंक #5207

बहु पृष्ठ निर्माण के दौरान डुप्लिकेट सीएसएस

GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? Chrome नवीनतम प्र...

3 उत्तरअपडेट किया गया 11 सितम्बर 2024

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।

सभी प्लगइन्स देखें

सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...

निःशुल्क विकल्प

ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।

मुफ्त प्लगइन्स ब्राउज़ करें →
प्रीमियम विकल्प

प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।

प्रीमियम प्लगइन्स ब्राउज़ करें →

ब्राउज़ प्लगइन श्रेणियाँ

सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।