Style Manager interpretiert Nachfolgeselektoren nicht korrekt
Ja, das wird nicht unterstützt, da es möglicherweise Leistungsbeeinträchtigungen gibt, wenn man versucht, eine mögliche Regel zu erfüllen. Was du aber tun kannst, ist, jede Regel über styleManager.select auszuwählen.
Lesen Sie die vollständige Antwort unten ↓Frage
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 131.0.6778.205 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Beschreibe den Käfer Wie man den Fehler reproduziert:Fügen Sie dem Korpus die 'Dark-Style'-Klasse hinzu: '''js editor.getWrapper().addClass("dark-style");Fügen Sie eine Nachfolge-Selektorregel hinzu: '''js Redakteur. CssComposer.addRules(".dark-style .test-block { margin-top: 50px; }"); Was ist das erwartete Verhalten: Interpretieren Sie im Style Manager als Margin-Top...
Antworten (4)
Ja, das wird nicht unterstützt, da es möglicherweise Leistungsbeeinträchtigungen gibt, wenn man versucht, eine mögliche Regel zu erfüllen. Was du aber tun kannst, ist, jede Regel über styleManager.select auszuwählen.
Okay, danke für die Klarstellung – ich benutze derzeit Select, hat jemand eine Idee, wie man Medien-Tags so ansteuern kann?
Du kannst die benötigte CSSRule ('getRule') holen und sie dann an styleManager.select weitergeben
Das Problem, auf das Sie gestoßen sind, rührt daher, wie der GrapesJS Style Manager CSS-Regeln interpretiert und darstellt, insbesondere solche, die komplexe Selektoren wie Nachfolger-Selektoren betreffen. Während der Browser die durch '.dark-style .test-block' definierten Styles korrekt auf der Le...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #5746
ColorPicker-Offset ist falsch, wenn die Panels außerhalb des Editor-Containers sind
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
Problem #4097
MousePosFetcher in der Resumizer-Konfiguration & change:style-Listener funktioniert nicht
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave V1.34.81 Reproduzierbar...
Problem #6502
Der Inline-Stil überschreibt ID-basierte CSS-Regeln
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v135.0.7049.96 Reprodu...
Problem #6685
Benutzerdefinierte Komponentenstile werden nach dem Löschen und Wiederhinzufügen nicht mehr angewendet
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v143.0.7499.193 Reprod...
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.