tiptap Subscript 下标

tiptap Subscript 下标扩展,和html的sub标签和内联样式的vertical-align: sub有相同的效果。

tiptap Strike 删除符

tiptap Strike 扩展会渲染成删除符,内联样式 text-decoration: line-through 有同样的效果。

人生可能就是傻傻的坚持吧

这个星期的睡眠是近几年睡眠最好的一周,昨天晚上吃饭完又呼呼的睡着了,于是很早就醒了。工作按部就班,最近2个多月的工作都是再升级公司低代码的某个功能模块

tiptap Link 超链接

tiptap Link 扩展支持在文档中创建超链接,tiptap没有提供UI界面,添加删除编辑 URL 链接你需要通过tiptap命令来执行,粘贴的url将自动转换为链接。

tiptap Italic 斜体

tiptap Italic 以斜体呈现文本,如果在编辑器的初始内容中传递 em、i 标签或具有设置font-style: italic的内联样式属性的文本,那么它们都以斜体呈现。

tiptap Highlight 高亮标记

你可以使用 tiptap 的 Highlight 扩展来高亮标记,比如设置红色背景、蓝色背景。

tiptap Code 标签

tiptap Code 扩展渲染成 html 的 code 标签,code 标签里的内容并不会被浏览器解析,而是可以原样输出显示,使用可以用来显示代码。

tiptap Bold 粗体

tiptap Bold 使文本加粗显示,如果在编辑器的初始内容中使用了strong、b 标记或带有内联样式属性的文本也将以粗体展示。

tiptap marks 标记

tiptap marks 可以对 node 节点应用一个或多个标记,比如添加内联样式(粗体、斜体)或其他附加信息。

tiptap Text 节点

tiptap Text 节点是编辑器文档的必要节点,它不会渲染成如何 html 标签,纯粹是文本。

tiptap TaskItem 任务列表项扩展

tiptap TaskItem 是 TaskList的列表项,可以呈现为选中或不选中状态。

tiptap TaskList 任务列表扩展

tiptap TaskList 扩展可以在编辑器中使用任务列表,它们渲染成为 ul 的 data-type="taskList" 标签,它不依赖任何框架,在新行开头键入[]或[x],它将神奇地转换为任务列表。

tiptap Table 表格扩展

如果你想在 tiptap 编辑器设置显示表格,你可以是使用 table 扩展,它可以渲染成 html 的 table 标签,他可以合并单元格、添加删除行等等。

tiptap Paragraph 段落节点

tiptap Paragraph 扩展,把数据渲染成 html 的 p 标签,这很重要是文档的基础组成部分。

tiptap OrderedList 有序列节点

tiptap OrderedList 有序列扩展渲染成功 html 的 ol 标签在每行的前面会显示数字。

tiptap Mention 提及节点

tiptap Mention 提及节点可以实现像聊天软件的@某人一样的功能,你可以通过前端实现数据筛选也可以调用后端api返回需要的数据。

tiptap ListItem 节点

ListItem 扩展增加了对 HTML的li标签的支持,它用于项目列表和有序列表,ListItem扩展需要BulletList或OrderedList节点。

tiptap Image 图片扩展

tiptap Image 是用来显示图片用的扩展,默认把图片渲染为block块元素,如果你要内联模式可以把 inline 属性设置为true,内联模式就是图片和文字可以在同一行。

tiptap HorizontalRule 横线节点

tiptap 的 HorizontalRule 节点扩展功能相当于 html 里面的 hr标签,将光标所在的内容用横线分隔。

tiptap Heading 标题节点

Heading 节点功能相当于 html 里面的 h1 h2 h3 h4 h5 h6标签,承担文档的标题作用。