Klick-Event auf Blöcke hinzufügen
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 #3387
URL laden
Können wir eine Option hinzufügen, um über die URL zu laden? z. B. Wir geben eine URL an den init und dort initialisiert er die Seite mit d...
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 #3203
Frage zur benutzerdefinierten Blockkategorie
Hallo, Ich möchte Attribute zur Kategorie der Blöcke hinzufügen, aber das gilt nicht.
Problem #3492
Insert AdjacentHTML('afterend', '<section></section>') . Gibt es so eine API in Grapesjs?
Gibt es eine Möglichkeit, einen neuen Abschnitt nach der ausgewählten Komponente mit Grapesjs hinzuzufügen?
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 →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.