Focus, keyboard, pointer, paste, and scroll callbacks

This example keeps the interaction callbacks that still exist in the current editor. The buttons dispatch deterministic events so each callback is easy to inspect without relying on manual typing.

Interaction target paragraph.

More content to make scrolling visible.

Callback log

Ready.

Example configuration - Interaction Events

summernote.create('#callbacks-interaction-editor', {
  height: 180,
  callbacks: {
    onFocus() {},
    onBlur() {},
    onEnter(event) {},
    onKeydown(event) {},
    onKeyup(event) {},
    onMousedown(event) {},
    onMouseup(event) {},
    onPaste(event) {},
    onScroll(event) {},
  },
});