Skip to content

Collaboration

Multi-person collaboration means that multiple users simultaneously edit the same document, and users can see each other's document operations, including writing, deleting, modifying text content, inserting pictures, etc.

At the same time, you can see other users' nicknames, focus location and other information.

PS: This feature is only available in the Pro version , not in the open source version. Pro version preview address: http://pro.aieditor.com.cn

How to use

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: Backend service for multi-person collaboration, provided by AIEditor official.
  • documentName: document name (or document ID),
  • token: user verification token(or user JWT), used to verify the current user in backend service
  • userName: user nickname
  • userColor: user color (the color of the mouse displayed in the editor, the background color of the selected text, etc.), when not configured, the system automatically generates it.
  • onAuthenticated: Monitors the user's token authorization success.
  • onAuthenticationFailed: Monitors the user's token authorization failure.
  • onUsersUpdate: Monitors user changes, such as new users joining the document editing, or users leaving.