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.