Gjs-selected Style is Hardcoded
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 #4208
Style click state bug in every element
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave Last, getestet auf Chro...
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 #3425
StaticRules for CssComposer Non-Functional
Die Beispiel-Konfigurationsdatei für den CssComposer verweist auf eine Eigenschaft 'staticRules'. Dieser Eigenschaftsname wird im Quellcode...
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
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
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
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.