mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-16 11:49:02 +08:00
1.4 KiB
1.4 KiB
Events
toc
Introduction
The editor fires a few different events that you can hook into. There are two ways to register event listeners:
Option 1: Right-away
You can define your event listeners on a new editor instance right-away:
const editor = new Editor({
onInit: () => {
// The editor is ready.
},
onUpdate: () => {
// The content has changed.
},
onFocus: () => {
// The editor is focused.
},
onBlur: () => {
// The editor isn’t focused anymore.
},
onTransaction: ({ transaction }) => {
// The editor state has changed.
},
})
Option 2: Later
Or you can register your event listeners on a running editor instance:
Bind event listeners
editor.on('init', () => {
// The editor is ready.
}
editor.on('update', () => {
// The content has changed.
}
editor.on('focus', () => {
// The editor is focused.
}
editor.on('blur', () => {
// The editor isn’t focused anymore.
}
editor.on('transaction', ({ transaction }) => {
// The editor state has changed.
}
Unbind event listeners
If you need to unbind those event listeners at some point, you should register your event listeners with .on()
and unbind them with .off()
then.
const onUpdate = () => {
// The content has changed.
}
// Bind …
editor.on('update', onUpdate)
// … and unbind.
editor.off('update', onUpdate)