How to easily override existing component ?
@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 #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...
Problem #3316
The editor does not remove the dead script blocks
Version: 0.16.34 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x ] Nein Soweit ich weiß, überspringt der Codeimport-Dialog alle...
Problem #6269
Component Model and View ist jedes Mal, wenn es über jede in Canvas vorhandene Komponente gezogen wird, in die es eingelegt werden kann
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 130.0.6723.59...
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...
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
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, Zeitpläne, Funktionen und wie die Nutzung G
Tutorial
PageKit: Die GrapesJS Anwendung, die du sowieso bauen müsstest
Eine quellenbasierte Next.js -App rund um den Open-Source- GrapesJS Kern – Veröffentlichen, benutzerdefinierte Domains, Leads, Checkout und ein Plugin-Loader.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.