Add click event on blocks
Man kann tatsächlich benutzerdefiniertes Rendern aus Blöcken nutzen, um benutzerdefinierte DOM-Events anzuwenden. '''js blockManager.add('some-block-id', { // ... Blockdefinition rendern: ({ model, el }) => { el.addEventListener('click', () => { console.log('Block', Modell) }) }, }); ```
Lesen Sie die vollständige Antwort unten ↓Frage
'''js editor.on('block:click', (block) => { console.log(Block) })
Oder gibt es eine Möglichkeit, das Klickereignis im Block anzuhören?
Antworten (3)
Man kann tatsächlich benutzerdefiniertes Rendern aus Blöcken nutzen, um benutzerdefinierte DOM-Events anzuwenden. '''js blockManager.add('some-block-id', { // ... Blockdefinition rendern: ({ model, el }) => { el.addEventListener('click', () => { console.log('Block', Modell) }) }, }); ```
Danke, dass du das gemeldet hast, @iabhiyaan. Tolle Frage zu FEAT: Klick-Event auf Blöcke hinzufügen. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach der 'on()'-Ereignis-Liste...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3600
Ereignis-Listener zum Sichtbarkeitssymbol (Auge) im Layer Manager
Ich möchte mir das Augensymbol im Layer-Manager aus dem Editor anhören, basierend darauf, dass ich die benutzerdefinierten Stile schreiben...
Problem #3715
How to add a click event
Das ist mein individueller Blockcode: Ich möchte nach dem Hinzufügen auf der Leinwand ein Klickereignis zum Button hinzufügen, und wenn ich...
Problem #3296
Multiple pages plugin
Hallo zusammen! Ich habe hier einige Diskussionen über eine Art Mehrseiten-Plugin gesehen. Gibt es das immer noch? Wird dagegen etwas unter...
Problem #5046
Gibt es eine Möglichkeit, Cross-SVG bei ausgewählten Standardwerten von Float, Position und Text-Align zu entfernen.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 111.0.5563.147 (Offiz...
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.