Komponente auf Canvas neu rendern, wenn TagName geändert wurde
@z1lk ich habe so etwas schon für die nächste Veröffentlichung hinzugefügt '''js Modell Inside Init this.listenTo(this, 'change:tagName', this.tagUpdated); // ... tagUpdated() { const coll = this.collection; const bei = coll.indexOf(this); coll.remove (this); coll.add(this, { at }); }, ```
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche, eine einfache Header-Komponente zu bauen, mit der man H1 bis H6 mit einem Merkmal auswählen kann. Aber wenn eine Option ausgewählt wird, wird die Leinwand nicht aktualisiert. Die Änderung ist in der Codeansicht sichtbar, und wenn ich das Element in der Canvas mit dem Drag-Tool verschiebe, ändert sich das Tag. Ich habe sowohl die API-Dokumentation als auch den Quellcode gelesen, aber ich kann die Komponente nicht automatisch neu rendern lassen. Ich vermute, dass Grapes nicht auf eine Änderung des Komponententags achtet. Was ist in diesem Fall der angemessene Weg, um ein erneutes...
Antworten (3)
@z1lk ich habe so etwas schon für die nächste Veröffentlichung hinzugefügt '''js Modell Inside Init this.listenTo(this, 'change:tagName', this.tagUpdated); // ... tagUpdated() { const coll = this.collection; const bei = coll.indexOf(this); coll.remove (this); coll.add(this, { at }); }, ```
Ich weiß nicht, warum 'el' eine Zeichenkette sein sollte, aber siehe den Commit, der das Problem geschlossen hat: https://github.com/artf/grapesjs/commit/e450cb98855d16ad819f1214350825a50e45e910 Wenn du die neueste Grapes-Version verwendest, achtet der Component auf eine Änderung von 'TagName' und...
Ja, das liegt daran, dass man den Tag-Namen eines bestehenden DOM-Elements nicht ändern kann. Wahrscheinlich wäre die Lösung bei der Änderung von 'tagName', den Knoten zu entfernen und zu ersetzen (an derselben Stelle).
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1121
<Tbody> innen <Table>
Hallo @artf, Ich habe eine neue Komponente mit 'tagName = 'table'' erstellt. Wenn ausgewählt ist und eine Option der ebenfalls erstellten S...
Problem #1091
Wie man die erste Komponente auswählt
Ich möchte den Editor mit sichtbarem und ausgefülltem Style-Manager starten. Das bedeutet, dass eine Komponente standardmäßig ausgewählt wi...
Problem #621
Zweite Symbolleiste mit einem anderen Button und an einer anderen Position
Hallo, Ich möchte eine neue Symbolleiste hinzufügen, ähnlich der Symbolleiste, die angezeigt wird, wenn ein beliebiges Objekt auf der Leinw...
Problem #1928
Ändere das Onclick-Ereignis auf 'Hover', wenn Objekte ausgewählt werden
Kann ich das 'onclick'-Ereignis beim Auswählen von Objekten und der Anzeige einer Werkzeugleiste in 'hover' ändern? ! schwebt
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.