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?
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}/>,
});
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 #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...
Problem #494
Setze den Block programmatisch als Komponente ein
Ich habe einen benutzerdefinierten Typ und einen Block erstellt '''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Comp...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben – von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.