Die Block-Drag-and-Drop-Interaktion scheitert innerhalb der vscode-Erweiterung Webview
Hallo @protozoo ich weiĂ nicht genau warum, aber es sieht so aus, als wĂŒrde das vscode-iframe (wahrscheinlich im Sandbox) das native HTML5 Drag & Drop blockieren (das wird bei Blocks verwendet). Da dies nicht strikt mit dem Kern zusammenhĂ€ngt, werde ich diesen Punkt zur Diskussion fĂŒhren.
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? VSCode (WebView innerhalb der VSCode-Erweiterung) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den KĂ€fer Wie reproduziert man den Bug?Erstelle eine neue vscode-Erweiterung (oder nutze eine, die du bereits hast)Erstellen Sie eine Webview, die ein HTML-Dokument mit einem iframe enthĂ€lt, das die GrapesJS-Demo lĂ€dt (siehe Beispielcode unten)FĂŒhre die Erweiterung und Webview aus, um die GrapesJS-Demo zu ladenVersuche, einen Traubenblock auf der Leinwand zu ziehen Wa...
Antworten (2)
Hallo @protozoo ich weiĂ nicht genau warum, aber es sieht so aus, als wĂŒrde das vscode-iframe (wahrscheinlich im Sandbox) das native HTML5 Drag & Drop blockieren (das wird bei Blocks verwendet). Da dies nicht strikt mit dem Kern zusammenhĂ€ngt, werde ich diesen Punkt zur Diskussion fĂŒhren.
Danke, dass du das gemeldet hast, @protozoo. Tolle Frage zu Block-Drag-and-Drop-Interaktion schlĂ€gt im vscode-Erweiterungs-Webview fehl. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Mod...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #5705
Komponentenwerkzeuge verzerren sich, wenn der Editor vergröĂert wird
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
Problem #4247
Komponenten, die beim Klonen, Verschieben oder HinzufĂŒgen verschwinden/nicht gerendert werden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v96 Reproduzierbarer De...
Problem #6296
Benutzerdefinierte React-Komponenten werden in ein Div eingewickelt
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Arc v1.61.1 Reproduzierbarer...
Problem #5280
Ereignishandler im Blick, nicht an die Komponente gebunden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 115.0.5790.114...
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.