Wie aktualisiert man Attribute/Eigenschaften dynamisch aus dem Component Script?
In diesem Fall brauchst du keine Komponenten mit JS (in deinem finalen Code führst du kein JS aus), das reicht dir ungefähr so: '''js domc.addType('charts-component', { Ansicht: { Ereignisse: { dblclick: 'onActive', // um das Modal beim Doppelklick wieder zu öffnen }, onActive() { const { model } = dies; Modell ist di...
Lesen Sie die vollständige Antwort unten ↓Frage
Wir haben einen Anwendungsfall, bei dem wir Diagramme dynamisch mit Highcharts Editor einfügen möchten. Ich habe eine Komponente erstellt, die per Drag & Drop ein modalbasiertes Element öffnet und basierend auf der Auswahl des Nutzers ein SVG-Bild zurückgibt. Ich frage mich, wie ich es dem Körper des Modells hinzufügen kann. Im Moment benutze ich innerHTML zum Einfügen, aber getHTML enthält das SVG-Bild nicht als Teil von div. Code für Komponente: '' js domc.addType('charts-component', { model: { Standardwerte: { TagName: 'div', Skript, js: '', svg: '', Attribute: { Klasse: 'Highcharts', }, '...
Antworten (4)
In diesem Fall brauchst du keine Komponenten mit JS (in deinem finalen Code führst du kein JS aus), das reicht dir ungefähr so: '''js domc.addType('charts-component', { Ansicht: { Ereignisse: { dblclick: 'onActive', // um das Modal beim Doppelklick wieder zu öffnen }, onActive() { const { model } =...
Entschuldigung für den Spam. Ich konnte kein Usecase-Video von meinem Arbeitslaptop hochladen.
https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
@artf Jede Hilfe hier wäre willkommen. Ich habe die Unterlagen noch einmal durchgesehen, aber nichts fällt auf, was ich vielleicht übersehen habe.
Danke, dass du das gemeldet hast, @harsh201. Tolle Frage zu [Frage] Wie aktualisiert man Attribute/Eigenschaften dynamisch aus dem Component Script?. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spe...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3119
Wie erstellt man einen eigenen Block aus Grapesjs-Komponenten?
Hallo, ich möchte benutzerdefinierte Blöcke aus Grapesjs-Komponenten haben. Ich habe eine Lösung gefunden, wie man Komponenten hinzufügt: h...
Problem #3213
Wie man die dynamisch hinzugefügten Eigenschaften speichert
Hallo, @artf, ich habe eine benutzerdefinierte Komponente, die eine Button-Eigenschaft hat. Wenn der Button gedrückt wird, füge ich dynamis...
Problem #5378
Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, während eine Komponente im Layer Manager Panel gezogen wird
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reprodu...
Problem #4191
Wir versuchen, die Daten aus dem grapesJS-Editor in der Angular-10-Anwendung zu speichern, erhalten einen CORS-Fehler, Bild unten angehängt
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.5 Reproduzie...
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 →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.