+
95
-

yjs如何实现多人协同富文本编辑及共享画板功能?

yjs如何实现多人协同富文本编辑及共享画板功能?


网友回复

+
15
-

先安装相关的组件

npm i yjs y-websocket y-quill quill quill-cursors

我们通过y-websocket来搭建一个用户协同的数据交换服务器,启动命令

PORT=1234 node ./node_modules/y-websocket/bin/server.cjs

前端html代码

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

<div id="editor" />
前端js代码

import Quill from 'quill'
import QuillCursors from 'quill-cursors'
import * as Y from 'yjs'
import { QuillBinding } from 'y-quill'
import { WebsocketProvider } from 'y-websocket'

Quill.register('modules/cursor...

点击查看剩余70%

我知道答案,我要回答