PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #6374💬 Beantwortet17. Januar 2025 geöffnetvon Harshsne261-Reaktionen

Cursorposition fehl platziert

Kurze Antwortvon mohamedsalem401❀ 1

Hey, ich habe deinen Code ĂŒberprĂŒft und versucht, ihn zu debuggen. Es scheint mir, dass der Code das Mausereignis nicht an die onActive-Methode ĂŒbergibt, die benötigt wird: '''js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

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? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/gbYjOWO Beschreibe den KÀfer Wie reproduziert man den Bug? Ich habe onactive per Single Click aufgerufen, damit ich das Textfeld mit einem Klick bearbeiten kann. Der Cursor sollte dort platziert sein, wo ich klicke, das passiert im Doppelklick-Ereignis (das ist zu erwarten, wenn Doppelklick zu einem Einzelklick wird). Was ist das erwartete Verhalten? ... Der Cursor sollte dort stehen, wo ich klicke Wie ist das aktuelle...

Antworten (2)

mohamedsalem401‱ 22. Januar 2025

Hey, ich habe deinen Code ĂŒberprĂŒft und versucht, ihn zu debuggen. Es scheint mir, dass der Code das Mausereignis nicht an die onActive-Methode ĂŒbergibt, die benötigt wird:

'''js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

GJS Helper‱ 17. Mai 2026

Das Problem, bei dem der Cursor beim Aktivieren des Bearbeitens mit einem einzigen Klick immer zum Anfang des Textfelds geht, rĂŒhrt daher, wie 'contenteditable' Elemente programmatisch aktiviert werden im Vergleich zu ihrem Verhalten bei nativen Doppelklick-Events im Browser. Wenn du manuell 'compo...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.