Problem #3561💬 BeantwortetJun 23, 2021 geöffnetvon AStoker0-Reaktionen

Verbesserte Schatten-DOM-UnterstĂŒtzung

Kurze Antwortvon artf

Hallo @AStoker ich verstehe nicht, was das eigentliche Problem an deinem Beispiel ist (abgesehen davon, dass du GrapesJS-Stile nicht in deinem Schatten-Dom geladen hast). Wenn du Shadow Dom anhĂ€ngst, kannst du natĂŒrlich diesen 'Container: '#gjs' nicht machen, aber du kannst HTMLElements trotzdem so weitergeben, wie du...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Was versuchst du zu GrapesJS hinzuzufĂŒgen? Bessere Shadow-DOM-UnterstĂŒtzung, die es Entwicklern ermöglicht, GrapesJS innerhalb eines Shadow-Elements zu rendern, ohne Elemente gezielt einfĂŒgen zu mĂŒssen, anstatt Selektoren in der Konfiguration zu verwenden. Beschreibe deine Feature-Anfrage detailliert Wenn derzeit Elementselektoren verwendet werden, verwendet GrapesJS einfach den Dokument-Abfrageselektor. Das funktioniert beim Rendern innerhalb eines Shadow-DOM nicht, da das Dokument nicht die Schattenwurzel ist. Ich möchte in der Lage sein, eine Schattenwurzel zu definieren, sodass alles, was...

Antworten (4)

artf‱ Jun 24, 2021

Hallo @AStoker ich verstehe nicht, was das eigentliche Problem an deinem Beispiel ist (abgesehen davon, dass du GrapesJS-Stile nicht in deinem Schatten-Dom geladen hast). Wenn du Shadow Dom anhĂ€ngst, kannst du natĂŒrlich diesen 'Container: '#gjs' nicht machen, aber du kannst HTMLElements trotzdem so...

AStoker‱ Jun 24, 2021

Das Problem ist, dass ich HTML-Elemente ĂŒberall weitergeben muss und keine Selektoren verwenden kann. Das zu schreiben kann umstĂ€ndlich werden, da ich jetzt fĂŒr jedes Panel, jedes Element, alles, was wir in GrapesJS einbinden, den Abfrageselektor des Shadow-Doms verwenden muss. Außerdem wĂŒrde das K...

AStoker‱ Jun 24, 2021

Ich habe das JSFiddle aktualisiert, damit du sehen kannst, was wir tun mĂŒssen, um Styles innerhalb von Shadow DOM zu bekommen. Aber leider existiert das CSS, das von GrapesJS automatisch hinzugefĂŒgt wird, auf dem Körper und verschmutzt sowohl die globalen Stylesheets als auch ist sinnlos, da Grapes...

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @AStoker. Toller Vorschlag zu FEAT: Enhanced Shadow DOM Support! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, Àhnliches Verhalten zu erreichen. Verwendung des Ereignissystems: '''javascript editor.on('c...

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.