npm package: @janocode/document-editor-sdk
Description: web document editor sdk based on Vue3 and Tiptap
Author: janocode
Latest version: 5.0.0

# 内置插件列表

https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/vue

这里列举了 Umo Editor 内置的所有插件，包括 Tiptap 官方插件和 Umo Editor 扩展的插件以及所用到的第三方插件。

## Tiptap 官方插件

| 插件名称                          | 插件说明                                               |
| --------------------------------- | ------------------------------------------------------ |
| @tiptap/starter-kit               | Tiptap的基本扩展集，包含段落、标题、强调等基础编辑功能 |
| @tiptap/extension-placeholder     | 在编辑器内没有内容时显示提示信息，引导用户输入         |
| @tiptap/extension-focus           | 管理编辑器焦点状态                                     |
| @tiptap/extension-font-family     | 允许用户自定义文本的字体系列                           |
| @tiptap/extension-bold            | 为文本添加加粗样式                                     |
| @tiptap/extension-underline       | 给文本添加下划线效果                                   |
| @tiptap/extension-subscript       | 支持下标文本格式                                       |
| @tiptap/extension-superscript     | 支持上标文本格式                                       |
| @tiptap/extension-color           | 为文本添加颜色                                         |
| @tiptap/extension-text-style      | 为文本添加 HTML 标记                                   |
| @tiptap/extension-highlight       | 为文本添加背景颜色，突出显示重要信息                   |
| @tiptap/extension-task-item       | 创建可勾选的任务列表项                                 |
| @tiptap/extension-task-list       | 管理任务列表，支持任务项的完成状态                     |
| @tiptap/extension-link            | 插入和编辑超链接，支持 URL 和锚点链接                  |
| @tiptap/extension-table           | 实现表格插入与编辑，包括行列操作                       |
| @tiptap/extension-table-row       | 专门用于管理表格的行操作                               |
| @tiptap/extension-typography      | 提供一系列高级排版功能，如引号、省略号等               |
| @tiptap/extension-character-count | 实时显示编辑器中字符、单词或字数统计                   |
| @tiptap/extension-dropcursor      | 提升用户体验的拖放光标效果，指示插入位置               |

## Tiptap 官方 Pro 插件

| 插件名称                                   | 插件说明                  |
| ------------------------------------------ | ------------------------- |
| @tiptap-pro/extension-table-of-contents    | 为编辑器创建目录          |
| @tiptap-pro/extension-invisible-characters | 管理不可见字符            |
| @tiptap-pro/extension-mathematics          | 插入和编辑 LaTex 数学公式 |

## Umo Editor 扩展的插件

所有插件见：https://github.com/umodoc/editor/tree/main/src/components/editor/extensions

| 插件名称        | 插件说明                                               |
| --------------- | ------------------------------------------------------ |
| font-size       | 允许用户自定义文本的字体大小                           |
| bullet-list     | 提供无序列表功能，用于创建项目符号列表                 |
| ordered-list    | 支持有序列表，用数字或字母顺序排列项目                 |
| indent          | 实现文本或列表项的缩进，以增加层次感                   |
| text-align      | 控制文本的对齐方式，包括左对齐、居中、右对齐和两端对齐 |
| node-align      | 对编辑器内的节点进行对齐，例如图片或区块               |
| line-height     | 设置文本行间距，增强阅读体验                           |
| image           | 用于插入、调整和展示图像文件                           |
| video           | 用于插入、调整和展示视频文件，支持播放视频内容         |
| audio           | 用于插入、调整和展示音频文件，支持播放控制             |
| file            | 用于插入和展示其他类型的文件                           |
| code-block      | 代码块编辑插件，支持代码编辑和高亮显示                 |
| text-box        | 用于插入和编辑文本框                                   |
| horizontal-rule | 插入水平线以分隔内容                                   |
| iframe          | 支持嵌入外部网页或应用的 Iframe                        |
| table-cell      | 用于编辑和格式化表格单元格的扩展                       |
| table-header    | 管理表格的表头行和列                                   |
| page-break      | 在文档中插入分页符                                     |
| toc             | 根据自动生成文档的大纲目录                             |
| invisible-node  | 用于显示换行符和回车符等不可见字符                     |
| selection       | 提供文本和节点选择后的操作行为                         |
| file-handler    | 处理文件拖放和粘贴逻辑                                 |

## 第三方插件

| 插件名称                                    | 插件说明                         |
| ------------------------------------------- | -------------------------------- |
| @sereneinserenade/tiptap-search-and-replace | 在编辑器内容中搜索并替换指定文本 |