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
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.