Problem #3693💬 BeantwortetAug 11, 2021 geöffnetvon GaikwadShubham1-Reaktionen

AdoptStylesheet wird in grapesJS nicht unterstĂŒtzt

Kurze Antwortvon artf❀ 1

Dieses Problem liegt daran, wie AdoptStylesheet funktioniert und Ă€hnelt diesem von lit-element. Im Grunde kann man dasselbe CSSStyleSheet nicht ĂŒber mehrere Dokumente hinweg teilen, daher muss man es manuell neu erstellen. Unten ist ein Code fĂŒr benutzerdefinierte Elemente, um adoptedStyleSheets zu unterstĂŒtzen. '''js...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Version: Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst 0.17.22 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Was ist das erwartete Verhalten? Man sollte die Webkomponente Ă€hnlich sehen können wie außerhalb des grapesJS-Containers Beschreibe den Bug detailliert Grapesjs können das CSS nicht aus einem konstruierbaren Stylesheet rendern. Wie ist das aktuelle Verhalten? Kann das Bauteil ohne Styling laden. Kannst du Screenshots, Screencasts oder eine Live-Demo anhĂ€ngen?[x] Ja (https://codesandbox.io/embed/frosty-payne-3fhd7?fontsize=14&hidena...

Antworten (3)

artf‱ Aug 11, 2021

Dieses Problem liegt daran, wie AdoptStylesheet funktioniert und Ă€hnelt diesem von lit-element. Im Grunde kann man dasselbe CSSStyleSheet nicht ĂŒber mehrere Dokumente hinweg teilen, daher muss man es manuell neu erstellen. Unten ist ein Code fĂŒr benutzerdefinierte Elemente, um adoptedStyleSheets zu...

Vasicvuk‱ Dec 28, 2023

Gibt es eine Lösung fĂŒr die Verwendung von lit-element components 3.X mit grapesJS?

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @GaikwadShubham. Das Problem mit AdoptStylesheet, das in grapesJS nicht unterstĂŒtzt wird, scheint ein Timing-Problem des Rassenzustands oder des State-Managements zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusereignisse und DOM-Änderungen...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.