Problem #3375💬 BeantwortetMar 31, 2021 geöffnetvon Christosapos0-Reaktionen

Es kann keine Leerzeichen fĂŒr die erweiterte Button-Komponente basierend auf der Textkomponente hinzufĂŒgen.

Kurze Antwortvon artf

Es scheint, als wĂŒrde Space das 'Klick'-Ereignis in Chrome auslösen. Die Lösung scheint darin zu bestehen, das PreventDefault beim 'Keypress' hinzuzufĂŒgen https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button PS: Vermeiden Sie es, die Ansicht so zu erweitern. Sta...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo zusammen, ZunĂ€chst möchte ich meinen Dank fĂŒr dieses großartige Werkzeug ausdrĂŒcken. Ich habe die Button-Komponente basierend auf der Textkomponente erweitert, sodass ich den Inhalt manuell bearbeiten kann, ohne Traits zu verwenden. Der Code fĂŒr die erweiterte Button-Komponente lautet folgender: var comps = Editor. DomComponents; var defaultType4 = comps.getType('text'); Redakteur. DomComponents.addType('button', { model:{ Standardwerte: { TagName: 'button', Klassen: ['.Pointer'], //Klickzeiger beim Schwebefingern hinzufĂŒgen, }, }, Erweitern: 'Text', isComponent: function (el) { if (el....

Antworten (2)

artf‱ Apr 19, 2021

Es scheint, als wĂŒrde Space das 'Klick'-Ereignis in Chrome auslösen. Die Lösung scheint darin zu bestehen, das PreventDefault beim 'Keypress' hinzuzufĂŒgen https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button PS: Vermeiden Sie es, die Ansicht...

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @christosapos. Gute Frage zu Kann keine Leerzeichen zum erweiterten Button-Component basierend auf dem Text-Component hinzufĂŒgen.. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: ÜberprĂŒfen Sie die GrapesJS-Dokumentat...

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 →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.