Frage: Verwenden Sie Pfeiltasten, um Blöcke in der Leinwand zu verschieben, die im absoluten Positionierungsmodus konfiguriert sind
Nein, leider wÀre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewÀhlte Komponente holen und ihren Stil aktualisieren.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo, ich entwickle eine Lösung, mit der SchĂŒler ihre Highschool-Erfahrungen als Folien aus dem Grapejs-Editor (Ă€hnlich wie Canva) schildern können, und habe den Editor im 'absoluten' Modus konfiguriert, was wunderbar funktioniert. Allerdings kann ich im Editor keinen Weg finden, den abgeworfenen Block mit den Pfeiltasten zu verschieben. Mir ist die Custom-Keymap-Bindung bewusst und ich werde mir diese FunktionalitĂ€t anschauen, möchte aber nur wissen, ob ich etwas ĂŒbersehen habe und ob es andere bessere Optionen gibt.
Antworten (4)
Nein, leider wÀre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewÀhlte Komponente holen und ihren Stil aktualisieren.
Ich habe dafĂŒr eine funktionierende Lösung gefunden, wie folgt: Die Befehle werden wie folgt hinzugefĂŒgt: Die Methode 'moveSelectedElements' macht einfach Folgendes: Wenn man jedoch die Elemente mit Pfeiltasten bewegt, scrollt auch die Leinwand, was das Standardverhalten des Bowsers ist. Wie können...
keymaps.add('ns:my-keymap', 'â+s, ctrl+s', 'some-gjs-command', { Verhindern Sie die Standard-Browser-Aktion verhindern: wahr, });
Danke, dass du das gemeldet hast, @wfcheng. Tolle Frage zu Frage: Benutze Pfeiltasten, um Blöcke auf der Leinwand im absoluten Positionierungsmodus zu verschieben. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #6695
Verhindern, dass der Standard fĂŒr Edge nicht funktioniert
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge 144.0.3719.92 Reproduzie...
Problem #3252
Does getHtml() remove the inline style property?
Ich habe mit Möglichkeiten herumgespielt, wie man den Stil der Elemente innerhalb der Leinwand Àndern kann, und festgestellt, dass durch di...
Problem #5083
Blöcke können nicht auf die Leinwand gezogen werden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Tauri Reproduzierbarer Demo-L...
Problem #4192
Drag boundary issue with dragMode: absolute/translate
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome, Firefox Reproduzierba...
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.