Style:property:update und Property onChange lösen übermäßig aus

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 112.0.5615.137 (Offizielle Version) Reproduzierbarer Demo-Link https://jsfiddle.net/SagarMaria/sunygp2f/3/ Beschreibe den Käfer Wie reproduziert man den Bug?Klicken Sie im jsfiddle einfach auf die Komponente "Hello World". Beobachten Sie die zahlreichen Konsolenprotokolle.An anderer Stelle auf der Leinwand klicken, wiederholen. Was ist das erwartete Verhalten? 'style:prop...

artf · Accepted Answer

Das Verhalten ist korrekt, da 'style:property:update' bei jeder Aktualisierung des Style Manager Property (nicht nur seines Wertes) ausgelöst wird. Für deinen speziellen Fall müsstest du den Rückruf auf diese Weise aktualisieren '''js editor.on('style:property:update', ({ property, to }) => { Prüfe den Namen der Immobilie und ob das Update mit dem Wert zusammenhängt if (property.getName() === 'text-align' && to.value !== undefiniert) { console.log('Textausrichtungseigenschaft aktualisiert mit',...

SagarMaria · Answer

Hallo @artf, danke für die schnelle Antwort, aber tatsächlich besteht ein Teil des Problems immer noch darin, dass selbst nach einer Änderung, z. B. indem man auf die Option "Center" mit der von dir vorgeschlagenen if-Anweisung klickt, nachfolgende Auswahlen dieser Komponente immer noch den Wert 'style:property:update' mit 'property' und 'to' als bestehenden Wert abloggen (auch wenn du nichts änderst und nur die Komponente auswählst). Hier ist ein kurzes Video unten, und ich habe auch das jsfid...

GJS Helper · Answer

Das Problem, auf das Sie stoßen, dass 'style:property:update' und 'Property onChange' übermäßig ausgelöst werden, selbst bei der Komponentenauswahl, ist ein häufiger Verwirrungspunkt. Das Ereignis 'style:property:update' ist ein Low-Level-Ereignis, das ausgelöst wird, sobald eine Style-Eigenschaft model intern aktualisiert wird. Wenn eine Komponente ausgewählt wird, initialisiert oder bewertet GrapesJS oft die Eigenschaften des Style Managers basierend auf den aktuellen Stilen der ausgewählten...

Style:property:update und Property onChange lösen übermäßig aus

Frage

Antworten (3)

Verwandte Fragen und Antworten

Das Klicken auf 'Wrap for style' beeinflusst die inneren Komponenten anderer Komponenten innerhalb desselben Textfelds

Größenvergrößerbare Box verschwindet bei der Neuauswahl der Komponenten

Wenn du eine Komponente löschst, werden doppelte Klassen zwischen Komponenten gelöscht.

TypeError: e.getRoot ist keine Funktion (Race-Bedingung im Style Manager)

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien