Es kann keine Leerzeichen fĂŒr die erweiterte Button-Komponente basierend auf der Textkomponente hinzufĂŒgen.
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)
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...
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.
Problem #3399
Convert JSON to HTML server-side
Also zunĂ€chst einmal vielen Dank @artf fĂŒr dieses groĂartige Projekt. Ich habe eine Frage: Ist es möglich, das components-JSON auf der Serv...
Problem #3639
Improve UndoManager API
Eine Sache, die meiner Meinung nach groĂartige Funktionen hinzufĂŒgen wĂŒrde, ist ein detaillierterer Geschichts-Stack. Man kann den RĂŒckgĂ€ng...
Problem #3328
Wie kann ich den nodeValue (Textwert) von Komponenten durch Eingabeformulare aktualisieren?
Hallo. Grapesjs ist ein groĂartiges Werkzeug. Danke dafĂŒr. Ich möchte den Textwert einer Komponente durch Eingaben aktualisieren, wie kann...
Problem #3258
Verhindern/deaktivieren, dass benutzerdefinierte Blöcke in anderen benutzerdefinierten Blöcken abgelegt werden
Hallo, Ich habe eine benutzerdefinierte Komponente, nennen wir sie einen Sektionsblock. Ich möchte verhindern, dass der Nutzer Abschnittsbl...
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
GJS.Market Is Now Available for India đźđł
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
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
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.