Interaction toggles that still matter

These options still exist in the Bootstrap 5 build, but the old HTML file is slightly outdated: tabDisable must now be true if you want Tab to leave the editor and move to the next field.

Disable drag and drop

Drop image files is blocked; use the picture dialog instead.

Try dropping an image into this editor. The dropzone module is disabled here.

Disable shortcuts

Keyboard shortcuts like Ctrl/Cmd+B are not bound in this editor.

Try selecting text and pressing Ctrl/Cmd+B. Use the toolbar buttons instead.

Disable Tab editing

Press Tab and focus should move to the next input field.

Press Tab from here to continue through the form.

Next field

Example configuration - Interaction Toggles

summernote.create('#drag-drop-disabled-editor', {
  height: 220,
  disableDragAndDrop: true,
});

summernote.create('#shortcuts-disabled-editor', {
  height: 220,
  shortcuts: false,
});

summernote.create('#tab-disabled-editor', {
  height: 220,
  tabDisable: true,
});