搜索

+

95

-

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

html5 javascript

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%

我知道答案，我要回答

我有问题

私活外包

最新提问