Skip to content

多人协作

多人协作指的是多个用户 同时 编辑同一个文档,可以相互看到对方的所有文档操作,包括编写、删除、修改文字内容、插入图片...等等操作。

同时可以看到其他用户的昵称、焦点所在位置等信息。

PS:此功能在 Pro 版本才有,开源版没有这个功能。 Pro 版预览地址:http://pro.aieditor.com.cn

使用方法

typescript
new AiEditor({
    element: "#aiEditor",
    collaboration: {
        url: "ws://127.0.0.1:8080?somekey=value",
        documentName: "my document",
        token: "your-token",
        userName: "Michael Yang",
        userColor: "#abcdef",
        onAuthenticated: () => {
        },
        onAuthenticationFailed: (reason: string) => {
        },
        onUsersUpdate: (users: any[]) => {
        },
    },
})
  • url: 多人协作的后台服务,由 AIEditor 官方提供运行 SDK,部署在客户(购买 AIEditor 的用户)自己的服务器里。
  • documentName: 文档名称(或文档 ID),
  • token: 用户校验的 Token(或 JWT 等),用于后台对当前用户进行校验
  • userName: 用户的昵称
  • userColor: 用户的颜色(用户在编辑器显示鼠标颜色、选中文字的背景颜色等),当未配置时,系统自动生成。
  • onAuthenticated: 监听用户的 token 授权成功。
  • onAuthenticationFailed: 监听用户的 token 授权失败。
  • onUsersUpdate: 监听用户发生变化,比如有新用户加入文档编辑,或者有用户离开等。