Der gjs-ausgewählte Stil ist fest codiert
Hallo, @anlumo du hast recht, leider werden Komponentenstatusstile innerhalb von iFrames gerendert. Ich habe versucht, sie nach draußen zu bringen, indem ich diese Option eingeführt habe, aber das funktioniert noch nicht mit mehreren Auswahlen. Im Moment ist der einzige Weg, sie richtig zu handhaben, diese Option zu n...
Lesen Sie die vollständige Antwort unten ↓Frage
Diese Definition: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 wird immer am Rahmen angehängt. Sie enthält die Farbdefinition für ausgewählte Elemente (diese blaue Umrandung). Diese Farbe kann nicht verändert werden, weil hier ein '!wichtig' steht. Da dies am Body angehängt ist, überschreibt das Hinzufügen eines Stylesheets im Header nicht, selbst wenn ich dort auch '!important' verwende. Für meinen Anwendungsfall ist das entscheidende Problem, dass ich das in grapesjs erstellte Dokument ausdrucken möchte, aber Ausdrucke...
Antworten (4)
Hallo, @anlumo du hast recht, leider werden Komponentenstatusstile innerhalb von iFrames gerendert. Ich habe versucht, sie nach draußen zu bringen, indem ich diese Option eingeführt habe, aber das funktioniert noch nicht mit mehreren Auswahlen. Im Moment ist der einzige Weg, sie richtig zu handhabe...
Hallo @mingxin-yang, ich glaube, du musst die gleiche Regel befolgen, die @artf gesagt hast. Aber mit den entsprechenden Klassen '''js grapesjs.init({ // ... canvasCss: ' .gjs-tools .gjs-badge { / für das Label / Hintergrundfarbe: Rot; } .gjs-Werkzeugleiste { / für die Werkzeugleiste / Hintergrundf...
Gepostetes kostenloses Plugin für festgelegte Farben
Grenzen: https://gjs.market/products/borders-color-around-selected-component
Danke, dass du das gemeldet hast, @anlumo. Danke, dass du deinen Bericht über gjs-selected Style is Hardcoded geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbares Beispiel (CodeSandbox/JSFiddle) Ihre GrapesJS-Versionsnumm...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #6663
Symbole brechen beim progressiven Laden der Seiten (Instanzen verlieren __symbol Link)
Hier ist ein Video, das den Bug zeigt: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS-Version [x]...
Problem #3485
Ein als HTML injiziertes Element auf Canvas verhält sich nicht als Komponente
Betrachten wir einen einfachen Block: Beim Ziehen auf die Leinwand kann diese Komponente ausgewählt werden und es ist möglich, ihre Einstel...
Problem #5810
Unnötiger Leinwand-Stil
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc Version 1.35.0 / Chromium E...
Problem #4529
Wenn wir ein Bild mit einer Klasse 'xyz' in Größe vergrößern, werden alle Elemente auf der Seite mit derselben Klasse ebenfalls verkleinert, weil der Editor CSS zu diesen Klassen hinzufügt.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 104.0.5112.101 (Offizie...
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.