CollaborationCaret 扩展

此扩展添加了有关所有连接用户的信息（如他们的名字和指定的颜色）、他们当前的光标位置和他们的文本选择（如果有的话）。

它需要一个协作编辑器，因此请确保查看 Tiptap 协作文档，以获取完全托管或本地部署的协作服务器解决方案。

此编辑器的内容与其他用户共享。

在多个浏览器窗口中打开此页面进行测试。

安装

npm install @tiptap/extension-collaboration-caret

此扩展需要 Collaboration 扩展。

一个 Y.js 网络提供者，例如一个 Tiptap 协作实例。

默认值: null

当前用户的属性，假设有名字和颜色，但可以用于任何属性。这些值与所有其他连接的客户端进行同步。

默认值: { user: null, color: null }

光标的渲染函数，查看扩展源代码以获取示例。

选择的渲染函数，查看扩展源代码以获取示例。

传递一个包含当前用户更新属性的对象。它期望有一个 name 和一个 color，但你也可以添加其他字段。

editor.commands.updateUser({
  name: 'John Doe',
  color: '#000000',
  avatar: 'https://unavatar.io/github/ueberdosis',
})

系好安全带！使你的富文本编辑器通过 Tiptap 协作进行协作。

了解更多