Wie kann man bestehende Komponenten einfach überschreiben?
@archerbj hier eine Demo dessen, wonach du suchst: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Du solltest die Funktionalität an den 'Komponententyp' selbst anhängen, anstatt zu versuchen, alle Instanzen dieser Komponente zu finden und bei einer Änderung hinzuzufügen. Um das zu tun, erstelle einen neuen...
Lesen Sie die vollständige Antwort unten ↓Frage
Zum Beispiel möchte ich einen Doppelklick-Ereignishandler auf der Standard-Videokomponente hinzufügen, um den Assets-Manager zu öffnen. Meine Grundidee war, die Ansichtsdefinition der Videokomponente zu bekommen und 'Events' + Handler hinzuzufügen. Zum Schluss stellst du es wieder auf die Videokomponente zurück. Leider scheiterte diese Idee im ersten Schritt. 'v.View()' gibt mir einen Fehler Ich bin neu in diesem Projekt und kenne mich kaum mit Backbone.js aus. Könntest du mir bitte ein paar Vorschläge machen?
Antworten (4)
@archerbj hier eine Demo dessen, wonach du suchst: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Du solltest die Funktionalität an den 'Komponententyp' selbst anhängen, anstatt zu versuchen, alle Instanzen dieser Komponente zu finden und bei einer Änderung hinzuzufügen. Um das zu tun,...
@archerbj hier ist eine Demo dessen, wonach du suchst: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsDu solltest die Funktionalität an den 'Komponententyp' selbst anhängen, anstatt zu versuchen, alle Instanzen dieser Komponente zu finden und sie bei einer Änderung hinzuzufügen. Um das z...
@Joshmamroud Danke für dieses laufende Beispiel. Deine Funktion ist das einzige, das ich finden kann, wie die in der Dokumentation erwähnte 'Extend'-Funktion verwendet wird. Dein Beispiel ist sehr einfach und zenig – allerdings zeigt es lediglich das Hinzufügen eines 'dblclick'-Handlers zur Videoko...
Danke, dass du das gemeldet hast, @archerbj. Sicherheits- und Abhängigkeitsfragen sind wichtig. Das GrapesJS-Team arbeitet aktiv daran, Abhängigkeiten aktuell zu halten. Für dich gerade jetzt: Führe 'npm audit fix' aus, um verfügbare Patches zu sehen Prüfen Sie nach einer neueren GrapesJS-Version,...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #5742
Aufbau auf Windows 10+
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
Problem #5154
TS2416: Die Eigenschaft '_up' im Typ 'PropertyStack' kann im Basistyp 'PropertyComposite' nicht derselben Eigenschaft zuweisen<PropertyStackProps>
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? ---- Reproduzierbarer Demo-Li...
Problem #4854
Export 'Standard' nicht im 'Backbone' gefunden (Modul hat keine Exporte)
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 109 Reproduzierbarer...
Problem #5705
Komponentenwerkzeuge verzerren sich, wenn der Editor vergrößert wird
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
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
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.