探索 Tiptap V3 的最新功能

节点扩展

如果将文档视为一棵树,那么节点就是该树中一种内容类型。节点的示例有段落、标题或代码块。但节点不必是块级元素。它们也可以与文本内联呈现,例如用于 @提及。

Nodes
BulletList
使用几个项目符号,所有内容看起来更加严肃。
CodeBlock Lowlight
为您的代码块添加一些彩色的语法高亮。
Details
在编辑器内容中添加可折叠的详情节点。
DetailsContent
为您的 details 节点添加内容。
DetailsSummary
为你的 details 节点添加一个摘要。
Emoji
将表情符号呈现为行内节点,对于不支持的表情符号则使用备用图片。
Heading
使用标题结构内容(最多支持 6 种不同级别)。
Youtube
轻松将 YouTube 视频嵌入到您的文档中。
代码块
代码越少越好,但有时你就是需要多行代码。
任务列表
添加任务支持(虽然不会确保你真正完成它们)。
任务项
实际的任务;没有它,任务列表将毫无意义。
列表项
简单地完成它的工作。甚至不在乎它是无序列表还是有序列表的一部分。
图片
当文字不够时,添加一张图片(理想情况下是一张美丽的图片)。
引用块
引用他人内容会让你看起来更聪明。
提及
通过建议弹出框提及其他用户,完全控制渲染。
文本
没有文本的文本编辑器是不完整的,所以最好确保安装这个扩展。
文档
每个人都需要它,但没人谈论它:文档扩展。
有序列表
如果无序列表看起来不够严肃,可以在前面加上数字。
横线
代码越少越好,但有时你只需要多行。
段落
妈,看!我在网上写了一个段落。
硬换行
有时候我们都需要一个换行,即使只是一个换行符。
表头
表格不需要头部,但说实话:有头部看起来更好。
表格
如果你需要在文本编辑器中使用表格,那说明你正在处理一些非常严肃的事情。
表格单元格
没有其他表格组件,这个组件毫无意义:表格单元格。
表行
表格和表格单元格之间的完美折中方案。