अंक #1180✓ हल कियाखोला गया 7 जून 2018द्वारा roboman-sil3 प्रतिक्रियाएं

GrapeJS के साथ प्रतिक्रिया करें

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

@sakshigarg9 grapesjs को एनपीएम के माध्यम से जोड़ें, तो अपने कोड में बस import grapesjs from 'grapesjs' का उपयोग करें यह काम करेगा, वेबपैक कॉन्फ़िगरेशन को अपडेट करने की आवश्यकता के बिना

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

प्रश्न

नमस्कार, मैंने खोज की और विशेष रूप से अपनी समस्या का समाधान नहीं ढूंढ सका। वर्तमान में, मैं अपने रिएक्ट ऐप को GrapeJS के साथ एकीकृत करने का प्रयास कर रहा हूं। 'प्रतिक्रिया आयात करें, { घटक } 'प्रतिक्रिया' से; import './GrapesSrc/grapes.min.js';import GrapesIndex from 'grapejs';class GrapesEditor extends Component { कंस्ट्रक्टर (प्रॉप्स) { सुपर (सहारा); } shouldComponentUpdate(){ return false } componentDidMount(){ const editor = grapesjs.init({ कंटेनर: '#gjs', घटक: '<div class="txt-red">हैलो वर्ल्ड!</div>', शैली: '.txt-लाल {रंग: लाल}', }); } रेंडर() { return ( <div id ='gjs'> </div> ); } } ex...

जवाब (3)

👍 सबसे उपयोगीartf• 22 फ़रवरी 2019

@sakshigarg9 grapesjs को एनपीएम के माध्यम से जोड़ें, तो अपने कोड में बस import grapesjs from 'grapesjs' का उपयोग करें यह काम करेगा, वेबपैक कॉन्फ़िगरेशन को अपडेट करने की आवश्यकता के बिना

thanhpd56• 18 अक्टूबर 2018

@Silavin क्या आप grape को एकीकृत करने और प्रतिक्रिया करने में सफल हुए हैं?

cjpollard• 7 जून 2018

यदि आप अपना रिएक्ट ऐप बनाने के लिए वेबपैक का उपयोग कर रहे हैं, तो आप इसे एक प्लगइन के रूप में शामिल कर सकते हैं। यह इसे node_modules से खींच लेगा। ''प्लगइन्स: [ नया वेबपैक। प्रोवाइडरप्लगइन ({ grapesjs: "grapesjs" }) ],`` यह मेरे लिए काम किया।

GitHub पर पूरी चर्चा देखें →