tiptap/docs/src/docPages/guide/custom-extensions.md

Custom extensions

toc

Introduction

You can build your own extensions from scratch with the Node, Mark, and Extension classes. Just pass an object with your configuration and custom code. Read the ovewrite & extend guide to learn more about all the things you can control.

And if everything is working fine, don’t forget to share it with the community.

Create a node

import { Node } from '@tiptap/core'

const CustomNode = Node.create({
  // Your code goes here.
})

Create a mark

import { Mark } from '@tiptap/core'

const CustomMark = Mark.create({
  // Your code goes here.
})

Create an extension

import { Extension } from '@tiptap/core'

const CustomExtension = Extension.create({
  // Your code goes here.
})