如何在atlaskit编辑器中实现实时协作？

Question

我试图使用Editor Component of Atlaskit来创建一个实时的WYSIWYG编辑器，但是没有适当的文档来完成我在collabEdit部分感到困惑的事情，ReactiveGateaerror: cannot resolve CollabProvider，这个CollabProvider到底是什么，以及它是如何工作的？

<Editor appearence="comment" collabEdit={{
                useNativePlugin: true,
                provider: Promise.resolve(
                  new CollabProvider(
                    {
                      url: 'http://localhost:3000',
                      securityProvider: () => ({
                        headers: {
                          Authorization: asapToken,
                          'user-ari': userId,
                        },
                        omitCredentials: true,
                      }),
                      docId: 24,
                      userId: 12,
                    },
                    pubSubClient,
                  ),
                ),
                inviteToEditHandler: this.inviteToEditHandler,
                userId: 12,
                isInviteToEditButtonSelected: true
              }} />

Answer 1

在我的经验中，您需要使用Atlaskit编辑器+ Prosemirror to + y-websocket：https://demos.yjs.dev/atlaskit/atlaskit.html。我还在努力自己搞清楚整件事。我仍然不明白如何启用<img>元素。请参阅https://github.com/yjs/yjs-demos/tree/master/atlaskit的演示源。

请注意，您需要修改演示中的atlaskit.js以指向您自己的服务器。

const provider = new WebsocketProvider('wss://demos.yjs.dev', 'atlaskit', ydoc)

第一个参数是y-websocket服务器，另一个参数是协作的通道名。

持久化y-websocket服务器数据的方法尚不清楚。有关这方面的详细信息，请参阅https://github.com/yjs/y-websocket/issues/14。如果您计划在一台机器上运行y-websocket服务器，并且对简单的文件支持数据库感到满意，那么使用y-leveldb就足够了。