Compare documents with Tiptap

Tiptap Compare finds and displays the changes between two documents or two versions of the same document.

Tiptap Compare is headless: you have full control over how changes are displayed and styled. The comparison itself runs without an editor instance, so you can deploy it client-side or server-side.

Install

First, contact our team to purchase the Compare add-on and add it to your plan.

After gaining access, configure your package manager by following the private registry guide.

Then, install the package:

npm install @tiptap-pro/compare

Add the Compare extension to the editor that displays the changes between the two documents.

import { Compare } from '@tiptap-pro/compare'

const editor = new Editor({
  extensions: [
    Compare,
    // ...other extensions
  ],
})

Use cases

With Tiptap Compare, you can find the changes between two documents or two versions of the same document.