PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #3239✓ Gelöst18. Januar 2021 geöffnetvon harsh2015-Reaktionen

Wie aktualisiert man Attribute/Eigenschaften dynamisch aus dem Component Script?

Kurze Antwortvon artf❤ 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 } = 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)

👍 Am hilfreichstenartf• 3. Februar 2021

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 } =...

harsh201• 20. Januar 2021

@artf Jede Hilfe hier wäre willkommen. Ich habe die Unterlagen noch einmal durchgesehen, aber nichts fällt auf, was ich vielleicht übersehen habe.

GJSBlock• 17. Mai 2026

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.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.