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
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development — a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.