Tiptap Floating Menu 浮动菜单

Tiptap Floating Menu 浮动菜单扩展,当新启一个空行时可以使用浮动菜单悬浮在这行上面,你可以在这个菜单上面放置需要的功能。

Tiptap Color 颜色扩展

Tiptap Color 颜色扩展使能够在编辑器中设置文字的颜色,它依赖TextStyle标记,该标记呈现span 标签。然后将字体颜色应用为内联样式。

Tiptap CollaborationCursor 实时协作光标

Tiptap CollaborationCursor 扩展在多人同时编辑一个文档时可以显示每个用户的昵称和位置,你可以在多个浏览器中打开试试看效果。

Tiptap Collaboration 实时协作

Tiptap Collaboration 扩展可以使一个文档同时多个进行实时协作,实时协作基于 Y.js 实现,本文演示的是webrtc实现协作,webrtc 并不会把数据发送到服务器,而是浏览器间直接进行通讯。

Tiptap CharacterCount 文字统计

tiptap CharacterCount 扩展将允许的字符数限制为指定的长度,并能够返回字符和单词的数量,中文文字数量统计不准确,需要自己改进。

Tiptap Bubble Menu 气泡菜单

Tiptap BubbleMenu 浮动菜单扩展,当选中对象菜单将悬浮在鼠标附近,你可以对选中的标记mark进行操作。

tiptap extensions 扩展

Tiptap extensions 扩展为某一类功能集合,比如菜单扩展、颜色扩展,你也可以开发自己的扩展。还有一些具有更多功能的扩展,我们称它们为nodes 节点和 marks 标记,它们可以在编辑器中呈现内容。

tiptap Superscript 上标

tiptap Superscript 上标扩展,和html的sup标签和内联样式的vertical-align: super有相同的效果。

tiptap Underline 下划线

tiptap Underline 扩展可以将选择的文本增加下划线,如果在tiptap的初始内容中使用 u标 标签或者使用text-decoration: underline的内联样式,它们都显示下划线。

tiptap TextStyle 文本样式

tiptap TextStyle 标记呈现为 span 标签,您能够添加样式相关的属性,例如font-family、font-size或color,默认情况下,扩展不添加任何样式属性,但其他扩展以它作为基础,例如FontFamily或Color扩展。

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 标签,纯粹是文本。