React mit GrapeJS
@sakshigarg9 'grapesjs' über npm hinzufügen und dann in deinem Code einfach 'import grapesjs from 'grapesjs' verwenden. Das funktioniert, ohne dass die Webpack-Konfiguration aktualisiert werden muss.
Lesen Sie die vollständige Antwort unten ↓Frage
Guten Tag, ich habe gesucht und konnte keine Lösung für mein Problem finden. Derzeit versuche ich, meine React-App mit GrapeJS zu integrieren. 'import React, { Component } aus 'react'; import './GrapesSrc/grapes.min.js'; Importiere GrapesIndex von 'grapejs'; class GrapesEditor erweitert Component { konstrukteur(props){ super(Requisiten); } shouldComponentUpdate(){ Falsch zurückgeben } componentDidMount(){ const editor = grapesjs.init({ Container: '#gjs', Komponenten: '<div class="txt-red">Hallo Welt!</div>', Stil: '.txt-rot{Farbe: Rot}', }); } render() { Rückkehr ( <div id ='gjs'> </div> ); }...
Antworten (3)
@sakshigarg9 'grapesjs' über npm hinzufügen und dann in deinem Code einfach 'import grapesjs from 'grapesjs' verwenden. Das funktioniert, ohne dass die Webpack-Konfiguration aktualisiert werden muss.
@Silavin Ist es Ihnen gelungen, Grape und React zu integrieren?
Wenn du Webpack verwendest, um deine React-App zu bauen, kannst du es als Plugin einbauen. Es zieht es aus node_modules. "Plugins: [ Neues Webpack. ProvidePlugin({ grapesjs: "grapesjs" }) ],`` Das hat für mich funktioniert.
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1897
Ansicht vs. Code
Hallo... Und entschuldigt mein Englisch! Zunächst einmal herzlichen Glückwunsch zu diesem fantastischen Framework. Ich versuche, mit GrapeJ...
Problem #1263
Wie kann ich ein Modal einbetten und es in meinem HTML-Inhalt bearbeiten können?
Guten Tag Ich versuche, ein Modal in mein HTML einzubauen, ich konnte im Blockmanager ein Modal hinzufügen, aber ich habe Schwierigkeiten,...
Problem #1814
Wie löst man ein Ereignis aus, das component:selected mit meiner Komponente auslöst
Ich möchte meine Komponente auswählen, wann immer sie von Blöcken auf die Leinwand gezogen und gerendert wird. Ich habe versucht, Ereigniss...
Problem #1818
Herstellung von Trauben mit Angular7 und Material
Ich versuche, die Bibliothek mit Angular7 zu integrieren, habe aber ein Problem, als ich den Container '<div id="gjs">'</div> in die Materi...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.