---
title: "使用 Tiptap 比较文档"
description: "比较 Tiptap 文档和版本，并在编辑器中显示差异。"
canonical_url: "https://tiptap.zhcndoc.com/compare/getting-started/overview"
---

# 使用 Tiptap 比较文档

比较 Tiptap 文档和版本，并在编辑器中显示差异。

- **1. 加入试点计划**

  [联系我们](https://tiptap.dev/contact-sales?form=pilot-program)加入 Compare 试点计划。该计划面向 Business 和 Enterprise 客户开放。
- **2. 访问私有注册表**

  Compare 扩展发布在 Tiptap 私有 npm 注册表中。请按照[设置指南](https://tiptap.zhcndoc.com/guides/pro-extensions.md)完成 Tiptap 私有 npm 注册表身份验证。
- **3. 安装扩展**

  使用 npm 或你偏好的包管理器，从私有注册表安装 `@tiptap-pro/compare` 包。

**Tiptap Compare** 可以查找并显示两个文档或同一文档两个版本之间的变化。

> **Interactive demo:** [CompareDocuments](https://embed-pro.tiptap.dev/preview/Extensions/CompareDocuments)

Tiptap Compare 是无头的：你可以完全控制变化的显示方式和样式。比较本身无需编辑器实例，因此可以部署在客户端或服务器端。

## 安装

首先，[联系我们](https://tiptap.dev/contact-sales?form=pilot-program)加入 Tiptap Compare 试点计划。

获得访问权限后，请按照[私有注册表指南](https://tiptap.zhcndoc.com/guides/pro-extensions.md)配置包管理器。

Then, install the package:

```bash
npm install @tiptap-pro/compare
```

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

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

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

## 使用场景

使用 Tiptap Compare，你可以查找两个文档或同一文档两个版本之间的变化。

[比较文档
查看 →比较两个文档，找出变化并审阅差异。](https://tiptap.zhcndoc.com/compare/guides/compare-documents.md)

[比较版本
查看 →比较协作文档的两个不同版本。](https://tiptap.zhcndoc.com/compare/guides/compare-versions.md)