Die Farbeingabe aktualisiert das Element auf der Seite nicht

Question

Wenn ich den Farbwähler benutze, funktioniert alles einwandfrei.

Wenn du jedoch einen Hex-Wert zur Eingabe hinzufügst und Enter drückst, aktualisiert sich die Farbvorschau, aber die Farbe wird nicht auf das Element auf der Seite angewendet

Sonnylloyd · Accepted Answer

@art ich denke, das Problem ist hier, dass

colorEl.spectrum('set', valueClr);

innerhalb der Funktion setValue(val, opts = {}) von InputColor.js ruft das Änderungsereignis innerhalb des Spektrums nicht auf. Sieht so aus, als müsste es getrennt werden.

Sonnylloyd · Answer

@artf ich habe mir das ziemlich viel angesehen und es geschafft, es zum Laufen zu bringen, aber die Art, wie ich es gemacht habe, wirkt etwas abgehackt. Das Problem, das ich gefunden habe, lag in src\domain_abstract\ui\InputColor.js in setValue(val, opts = {}). der Wert opts.targetUpdate ist nach der zweiten Schleife nicht definiert. Ich habe diese direkt über der IF-Anweisung hinzugefügt und die Variable previousСolor so geändert, dass alle Funktionen sie erreichen können. Auch das wirkt etwas...

artf · Answer

@sonnylloyd tatsächlich liegt hier das eigentliche Problem https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/Input.js#L24-L27 Stattdessen sollte folgendes sein: '''js handleChange(e) { e.stopPropagation(); this.model.set('value', this.getInputEl().value); this.elementUpdated(); }, ``` Ich habe diese Änderung bereits im neuesten RC vorgenommen, du kannst es hier sehen, wie es funktioniert http://grapesjs.com/demo-no-jq.html

Die Farbeingabe aktualisiert das Element auf der Seite nicht

Frage

Antworten (3)

Verwandte Fragen und Antworten

Die Entwicklung von NPM auf dem lokalen Server hat nicht funktioniert

Undo/Redo funktioniert nicht im Countdown- und Navigationselement

Kann mit schnellen Aktionen nicht ziehen

Lädt den Asset Manager, aber die Assets funktionieren nicht

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors

Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

Durchsuchen Sie Plugin-Kategorien