GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Ich habe meine eigenen Komponententypen mit typspezifischen Drag-and-Drop-Regeln defin...
Rozek
selbst wenn 'draggable' und 'droppable' auf 'true' gesetzt sind, kann ich kein Element in ein anderes ziehen
Rozek
Ein erster Workaround, der hilft, Komponenten in andere Komponenten einzubauen:'dragMode:'absolute' aus 'grapesjs.init({...}) entfernen`Stattdessen füge 'dmode:'absolute' zu 'model.defaults' jedes Komponententyps hinzu, den du ziehen (und...
artf
Im absoluten Modus gibt es kein Konzept, Komponenten innerhalb oder außerhalb anderer Komponenten zu bewegen. Eine Komponente im absoluten Modus wird nur in der Stilposition aktualisiert, sie wird im DOM nicht verschoben, deshalb macht Dra...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/vmeywbk8/11/ Beschreibe den Käfer Nur ein kleines Problem, auf das wir gestoßen sind – beim Hinzufügen einer Aktion zum RichTextEditor wird die Eigenschaf...
GJS Helper
Sie haben in GrapesJS eine Typunübereinstimmung bezüglich der Eigenschaft 'icon' für Rich Text Editor (RTE)-Aktionen korrekt identifiziert. Die Methode 'RichTextEditor.addAction' ist tatsächlich dafür ausgelegt, sowohl 'String' (für SVG-Pf...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 116 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Öffne den Layer-Manager und versuche, die Komponente zu verschiebenEs wird die Komponente...
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Ich kann bestätigen, dass dies ein reproduzierbarer Fehler in der neuesten Version von GrapesJS ist, auch auf der offiziellen Demo-Seite (https://grapesjs.com/demo.html). Dieser Fehler verhind...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Skripte, referenziert von 'canvas.scripts' Kann keine Drittanbietermodule basierend auf ei...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Links eingegeben in kann nicht auf JavaScript-Module verweisen, oder Sie könnten auf folge...
Das Problem, auf das Sie stoßen, "Uncaught SyntaxError: Import Statement kann nicht außerhalb eines Moduls verwendet werden", entsteht, weil die Option 'canvas.scripts' in GrapesJS Skript-URLs mit Standard-Tags einschleust<script>. Standar...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Ich habe einen Komponententyp mit einem Skript Beim Vorschauen eines Projekts mit eine...
Rozek
Das ist interessant: eine separate Funktion zu definieren und die Definition des Bauteiltyps, wie in der Dokumentation beschrieben Funktioniert wie vorgesehen. Aber es klingt trotzdem seltsam, dass eine Inline-Funktion einen Syntaxfehler i...
artf
@rozek guter Hinweis, werde es für die nächste Veröffentlichung beheben
GJS Helper
Das 'Uncaught SyntaxError: Unexpected Token'{'', auf das Sie stoßen, stammt daher, wie GrapesJS Komponentenskripte verarbeitet und einbettet, die mit der Kurzsyntax der ES6-Methode definiert wurden. Dieses Problem ist ein bekanntes Verhalt...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? <img width="1665" alt="image" src="https://github.com/GrapesJS/grapesjs/a...
pittleCheung
Erweiterte Idee von https://github.com/GrapesJS/grapesjs/issues/1855
artf
Hier wird erklärt, wie man Komponenten mit verwandten Stilen erstellt https://grapesjs.com/docs/modules/Components.html#components-css Nur in diesem Fall wäre es für den Editor sicher, verwandte Stile zu löschen.
GJS Helper
Das Problem, bei dem das Löschen einer Komponente die entsprechenden Stile nicht entfernt, was zu redundantem CSS führt, ist eine häufige Herausforderung bei Web-Buildern wie GrapesJS. Dieses Verhalten ist in GrapesJS' 'CssComposer' aus me...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 116.0.3 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug?Scrollen Sie auf der Leinwand nach unten und wählen Sie eine Komponente ausÖffne...
GJS Helper
Du hast einen Fehler in GrapesJS korrekt identifiziert, bei dem die 'ScrollCanvas'-Funktion die Leinwand nicht scrollen lässt, um eine ausgewählte Komponente in den Bildschirm zu bringen, insbesondere beim Auswählen von Komponenten aus dem...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Ich möchte, dass die Komponenten in meinem Editor durch Ziehen bewegt werden können. Nach...
Rozek
Entschuldigung – das war ein Problem auf meiner Seite, das sich nur im Editor erkennbar gemacht hat – entschuldigt die Störung!
GJS Helper
Das von dir beschriebene Problem mit 'dragMode: 'absolute', das dazu führt, dass Komponenten als versetzt erscheinen, ist tatsächlich ein Bug, der auf eine grundlegende HTML-Verletzung zurückzuführen ist: doppelte 'id'-Attribute im DOM. De...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64) Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Dieser Bug ähnelt Ausgabe #596, die wegen fehlender Kommunikation gesperrt wurde. Dies...
artf
Danke@rozek die PR ist immer willkommen, daher werde ich sie gerne bewerten.
artf
Ich schließe vorerst, da es nicht reproduzierbar zu sein scheint
GJS Helper
Vielen Dank, dass Sie dieses Problem gemeldet und eine so detaillierte Analyse sowie eine funktionierende Lösung bereitgestellt haben! Du hast ein häufiges UI-Problem genau identifiziert, bei dem dynamisch platzierte Elemente wie ein Farbw...