Mach ein ganzes Element ziehbar, nicht nur den Griff

Question

Ich arbeite daran, den Griff von gezogenen Elementen zu modifizieren, und zusätzlich zu einem Griff möchte ich, dass das gesamte Element gezogen werden kann. Beim Durchsehen des Codes würde ich annehmen, dass ich einfach den Befehl 'tlb-move' an ein ziehbares Element bei Select anhängen müsste. Der obige Code schreibt bei Select die ausgewählte Komponente in die Konsole. Von hier aus denke ich, dass ich einen Ereignis-Listener zum Ziehen hinzufügen müsste, allerdings sind meine Versuche, einen...

artf · Accepted Answer

Versuch es mal mit so etwas '''js editor.on('component:selected', () => { const selected = editor.getSelected(); wenn (!selected || !selected.get('draggable')) zurückkehren; const el = selected.view.el; if (!el.hasCustomEvent) { el.hasCustomEvent = 1; el.addEventListener('mousedown', () => { editor.runCommand('tlb-move') }) } }); ```

Jogai · Answer

Ich habe deinem Vorschlag gefolgt, aber ich bekomme einen Fehler: "Uncaught TypeError: Kann die Eigenschaft 'type' von undefined nicht lesen" editor.on('component:selected', () => { const selected = editor.getSelected(); wenn (!selected || !selected.get('draggable')) zurückkehren; const el = selected.view.el; if (!el.hasCustomEvent) { el.hasCustomEvent = 1; el.addEventListener('mousedown', () => { editor.runCommand('tlb-move') }); console.log ("sollte funktionieren"); } }); Wenn ich einmal auf...

Jogai · Answer

Vielen Dank für das Update! Ich habe immer noch Schwierigkeiten, es richtig umzusetzen. Ich habe ein Beispiel genannt: https://codepen.io/anon/pen/vRoRBX Das Beispiel ist, dass der Nutzer nicht zu viel tut. Die meisten Elemente sind nicht ziehbar. Der Nutzer sollte in der Lage sein, neu zu bestellen. Ich habe mehrere Probleme mit Auswahl und Ziehen. Hier sind die Schritte, die ich unternehme, und die Probleme, denen ich begegne:Klicken Sie auf Punkt Nummer 2. Problem 1: Das Element ist nicht au...

Mach ein ganzes Element ziehbar, nicht nur den Griff

Frage

Antworten (3)

Verwandte Fragen und Antworten

Eine neue CSS-Regel kann nicht hinzugefügt werden, wenn ein Element, das sie verwendet, nicht im HTML vorhanden ist

Bearbeiten Sie den Titel und das Code-Symbol

Das Anpassen von Bildern mit Nicht-Eckpunkten ändert sowohl die Größe der Breite als auch der Höhe.

Wenn ein Element nicht zur Auswahl verfügbar ist, schlägt vor, fährst und auf Ereignis klickt, um den verfügbaren Elternteil auszuwählen.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

🚀 Vorstellung von GrapesJS Email Blocky: Die ultimative E-Mail-Blockbibliothek für GrapesJS

Durchsuchen Sie Plugin-Kategorien