探索 Tiptap V3 的最新功能

Tiptap 概念

探索 Tiptap API 的基础元素,旨在实现基于 ProseMirror 架构的复杂丰富文本编辑。

结构

ProseMirror 使用一个严格的 Schema,它定义了文档允许的结构。一个文档是由标题、段落和其他元素(称为节点)组成的树状结构。标记(Marks)可以附加到节点上,例如用以强调其中的部分。 命令 通过编程方式改变该文档。

内容

文档存储在一个状态中。所有的更改都是作为事务应用到这个状态上的。状态详细描述了当前的内容、光标位置和选择。你可以挂钩到几个不同的 事件,例如在事务应用之前对其进行修改。

扩展

扩展为编辑器增加 节点标记 和/或 功能。许多扩展将它们的命令绑定到常用的 键盘快捷键

术语表

ProseMirror 有自己的术语表,你会偶尔遇到这些词。以下是我们在文档中常用词汇的简要介绍。

词汇描述
Schema配置内容可能具有的结构。
Document编辑器中的实际内容。
State描述编辑器当前内容和选择的全部信息。
Transaction对状态的更改(更新选择、内容等)。
Extension注册新的功能。
Node一种内容类型,比如标题或段落。
Mark可应用于节点的标记,例如行内格式。
Command在编辑器内执行某个操作,某种程度上会改变状态。
Decoration文档上的样式,例如用来突出显示错误。