Ist es möglich, eine Komponente mit React-Komponenten zu erstellen?
@TRUEND hier ist ein Beispiel Prost!
Lesen Sie die vollständige Antwort unten ↓Frage
Ist es möglich, eine React-Komponente aus einer Bibliothek zu erstellen oder zu erhalten und als erlaubte Komponente einzufügen, um eine Vorlage zu erstellen?
importiere React aus 'react';
importiere CustomButton aus './components/CustomButton'
Importiere Trauben von 'Grapesjs'
const editor = grapesjs.init({
...
});
editor.addComponents(<CustomButton color="red" otherProp={...somepros}/>);
oder
Redakteur. BlockManager.add('CustomButton', {
Etikett: 'Knopf',
Inhalt: <CustomButton color="red" otherProp={...somepros}/>,
});
Antworten (1)
@TRUEND hier ist ein Beispiel Prost!
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #384
Vorlage erstellen und in Datenbank bearbeiten
Das ist mein Code, um eine neue Vorlage zu erstellen und das Inline-HTML mit Stil in die Datenbank einzufügen: '''js var editor = grapesjs....
Problem #3409
Eigenschaft einer benutzerdefinierten Komponente, die kein Merkmal ist
Ich möchte eine benutzerdefinierte Komponente mit einer Eigenschaft erstellen, die durch spezifischen Code aktualisiert wird, aber ich möch...
Problem #1951
Ereignis ändern oder hinzufügen auf der Komponente hinzufügen aus dem Block
Ist das möglich? Ändere das Drag-and-Drop-Ereignis auf "Beim Hinzufügen einer neuen Komponente" auf Klick, ich möchte Komponenten hinzufüge...
Problem #1472
Benutzerdefinierter Codeblock und JS
Ich frage mich, ob es eine Einschränkung gibt oder ob es tatsächlich möglich ist, einen Block zu erstellen, der es dem Benutzer des Editors...
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 →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk
It's everything that usually eats weeks of engineering time, scoped and priced up front. No open-ended hourly surprises.
Tutorial
How to integrate GrapesJS into an Astro app (complete guide 2026)
Embed GrapesJS in an Astro site: mount it in a client-side script, save content to an Astro API endpoint, and export clean HTML/CSS.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.