Css edits aren't persisted to the DOM
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)
Scheint mit CssGroupRuleView hier zusammenzuhĂ€ngen. Bei AT-Regeln wie '@keyframes' mĂŒssen wir das erneute Rendern des Elterncontainers erzwingen.
@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...
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()...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #4771
GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v108 Reproduzierbarer...
Problem #4196
Ids wird geÀndert, wenn man versucht, Komponenten auf der Canvas mit JSON einzustellen.
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #4435
Pages Manager
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome neueste VersionReproduzi...
Problem #6549
Couldnt Resize image
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.