CSS-Bearbeitungen werden nicht bis zum DOM übernommen

Kurze Antwortvon artf

Scheint mit CssGroupRuleView hier zusammenzuhängen. Bei AT-Regeln wie '@keyframes' müssen wir das erneute Rendern des Elterncontainers erzwingen.

Lesen Sie die vollständige Antwort unten ↓

Frage

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 109.0.5414.87Beschreibe den Käfer Wie reproduziert man den Bug?Erstellen Sie eine @keyframes-Animation auf der GrapesJS-LeinwandErstelle in JS eine neue CssRule, indem du den folgenden String in den Editor übergibst. Css.addRules:Fügen Sie es der Leinwand hinzu: 'editor. Css.addRules(updatedRule)' Was ist das erwartete Verhalten? Der DOM sollte aktualisiert werden Wie ist das aktuelle Verhalten? Das DOM wird nicht aktualisiert. ABER wenn ich 'editor.getCss()' aufrufe, seh...

Antworten (3)

artf• Jan 18, 2023

Scheint mit CssGroupRuleView hier zusammenzuhängen. Bei AT-Regeln wie '@keyframes' müssen wir das erneute Rendern des Elterncontainers erzwingen.

Wunksert• Aug 16, 2023

@artf wieder mit diesem Problem mit 'Editor. CssComposer.remove(myCssRule)' Der Editor entfernt die Regel per CSS, aber sie wird nicht bis zum DOM durchgespült. Wie empfiehlst du, das DOM erzwingend neu zu rendern und dabei den Zustand meines Editors beizubehalten? 'editor.refresh' spült die Stile...

GJSBlock• May 17, 2026

Danke, dass du das gemeldet hast, @wunksert. Gute Frage zu CSS-Bearbeitungen werden nicht bis zum DOM übernommen. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach der 'on()...

Vollständige Diskussion auf GitHub ansehen →