VueUse createGlobalState 创建全局状态,可以在跨Vue实例使用非常有用,你可以在A组件和B组件之间共享状态。典型的应用场景就是购物车,比如我们通常需要在所有的页面显示购物车内商品的数量,这时你可以使用全局状态来实现。
Tiptap Typography 排版你可以理解成输入某些字符后转换成特殊的字符,比如输入(c)会自动转换成©
Tiptap TextAlign 对齐方式,你可以设置 left center right justify等对齐方式。
Tiptap StarterKit 是最流行的Tiptap扩展的集合,你不需要去一个一个导入这些扩展。
Tiptap Placeholder 占位符扩展,当编辑器内容为空时可以显示你需要提示的文字,也可以在每行显示占位符文字。
Tiptap History 扩展提供历史记录支持,将记录文档的所有操作更改,可以撤回操作也可以重新开始。
Tiptap Gapcursor 空光标扩展,当你选择类似图片之类的节点后面又没有节点时,该插件会插入一个空光标。
Tiptap FontFamily 字体扩展,它作用于 TextStyle 标记上,渲染成 Span 标签的内联样式。
Tiptap Focus 扩展当用户选中默个节点时,可以制定一个样式高亮显示让用户知道选中了当前节点。
Tiptap Dropcursor 扩展,当你在编辑器里面拖拽一个对象比如图片时,它显示一个光标要拖拽到的位置。
Tiptap Floating Menu 浮动菜单扩展,当新启一个空行时可以使用浮动菜单悬浮在这行上面,你可以在这个菜单上面放置需要的功能。
Tiptap Color 颜色扩展使能够在编辑器中设置文字的颜色,它依赖TextStyle标记,该标记呈现span 标签。然后将字体颜色应用为内联样式。
Tiptap CollaborationCursor 扩展在多人同时编辑一个文档时可以显示每个用户的昵称和位置,你可以在多个浏览器中打开试试看效果。
Tiptap Collaboration 扩展可以使一个文档同时多个进行实时协作,实时协作基于 Y.js 实现,本文演示的是webrtc实现协作,webrtc 并不会把数据发送到服务器,而是浏览器间直接进行通讯。
tiptap CharacterCount 扩展将允许的字符数限制为指定的长度,并能够返回字符和单词的数量,中文文字数量统计不准确,需要自己改进。
Tiptap BubbleMenu 浮动菜单扩展,当选中对象菜单将悬浮在鼠标附近,你可以对选中的标记mark进行操作。
Tiptap extensions 扩展为某一类功能集合,比如菜单扩展、颜色扩展,你也可以开发自己的扩展。还有一些具有更多功能的扩展,我们称它们为nodes 节点和 marks 标记,它们可以在编辑器中呈现内容。
tiptap Superscript 上标扩展,和html的sup标签和内联样式的vertical-align: super有相同的效果。
tiptap Underline 扩展可以将选择的文本增加下划线,如果在tiptap的初始内容中使用 u标 标签或者使用text-decoration: underline的内联样式,它们都显示下划线。
tiptap TextStyle 标记呈现为 span 标签,您能够添加样式相关的属性,例如font-family、font-size或color,默认情况下,扩展不添加任何样式属性,但其他扩展以它作为基础,例如FontFamily或Color扩展。