Writing Custom Extensions

In Umo Editor, you can define extensions using JavaScript or Vue3 components.

Writing Custom extensions with JavaScript

See the official Tiptap tutorial: https://tiptap.dev/docs/editor/guide/custom-extensions.

Writing Node View extensions with Vue3

See the official Tiptap tutorial: https://tiptap.dev/docs/editor/guide/node-views/vue.

Writing Node View extensions with JavaScript

See the official Tiptap tutorial: https://tiptap.dev/docs/editor/guide/node-views/js.

Using Custom extensions

Assume you have already written a custom extension MyCustomExtension. You can register this extension in the extensions configuration as follows:

const defaultOptions = {
  extensions: [MyCustomExtension],
}

See Custom Extensions Configuration for more details.