ProseMirror

Tiptap is built on top of ProseMirror, which has a pretty powerful API. To access it, we provide the package @tiptap/pm. This package provides all important ProseMirror packages like prosemirror-state, prosemirror-view or prosemirror-model.

Using the package for custom development makes sure that you always have the same version of ProseMirror which is used by Tiptap as well. This way, we can make sure that Tiptap and all extensions are compatible with each other and prevent version clashes.

Another plus is that you don't need to install all ProseMirror packages manually, especially if you are not using npm or any other package manager that supports automatic peer dependency resolution.

Install

npm i @tiptap/pm

After that you can access all internal ProseMirror packages like this:

// this example loads the EditorState class from the ProseMirror state package
import { EditorState } from '@tiptap/pm/state'

Integrate packages

The following packages are available:

  • @tiptap/pm/changeset
  • @tiptap/pm/collab
  • @tiptap/pm/commands
  • @tiptap/pm/dropcursor
  • @tiptap/pm/gapcursor
  • @tiptap/pm/history
  • @tiptap/pm/inputrules
  • @tiptap/pm/keymap
  • @tiptap/pm/markdown
  • @tiptap/pm/menu
  • @tiptap/pm/model
  • @tiptap/pm/schema-basic
  • @tiptap/pm/schema-list
  • @tiptap/pm/state
  • @tiptap/pm/tables
  • @tiptap/pm/trailing-node
  • @tiptap/pm/transform
  • @tiptap/pm/view

You can find out more about those libraries in the ProseMirror documentation.