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 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, der die GrapesJS Demo lÀdt (siehe Beispielcode unten)Starte die Erweiterung und Webview, um die GrapesJS Demo zu ladenVersuche, einen Grapes Block auf der Leinwand zu ziehen Was ist das erwar...
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 #6348
Es ist möglich, buchstabswert alles innerhalb von Grapesjs Leinwand per Drag & Drop zu ziehen
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #5378
Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, wÀhrend eine Komponente im Layer Manager Panel gezogen wird
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reprodu...
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
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
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.