如何像 Google 文档一样在 quill 编辑器中执行跟踪更改？

Question

---

我已经通过使用 @teamwork/sharedb 和 @teamwork/sharedb-mongo 适配器在后端 NodeJS 中存储更改来在 quill 中实现协作编辑。但是，对于如何像 Google 文档建议模式那样实时显示跟踪更改并添加评论功能，我仍然处于进退两难的境地？

---

Answer 1

一年后，我将概述我们迄今为止所发现的内容：

使用 OT 的 quill js 方法

我们尝试使用 QuillJS 实现跟踪更改/建议，但进展相对较远。但最终它并没有真正起作用，因为 OT（操作转换，同步更改的格式）不支持分层结构。CKEditor 的团队更改了 OT 以支持这一点。但不幸的是，这似乎需要做很多工作，而且他们的代码已关闭（https://ckeditor.com/blog/Lessons-learned-from-creating-a-rich-text-editor-with-real-time-collaboration/）。谷歌也用OT解决了，但他们的代码也没有开放。所以据我所知，直到今天还没有开源解决方案来解决 html 的跟踪更改/建议。而且似乎没有人愿意这样做，因为努力似乎非常高。所以我们的结论是：我们停止了这种方法。

一段时间以来，我们只是在处理其他问题，而将编辑器放在一边（在我们的项目中还有太多其他事情要做）。但就在最近，我们开始了第二种方法，它仍处于起步阶段，但看起来很有希望。

prosemirror 方法

Prosemirror 也有相对定位格式，但不是 OT，他们称之为step。这似乎更灵活，Prosemirror 的 doc 结构类似于 html 文档的 DOM 结构。它在这里介绍（https://marijnhaverbeke.nl/blog/collaborative-editing.html）。

对于 Prosemirror，已经有一些针对轨道更改/建议问题的解决方案。如果您在此站点（https://www.tag1consulting.com/blog/evaluating-real-time-collaborative-editing-solutions-top-fortune-50-company）上向下滚动一点，您会找到一个总结当前可用的表格解决方案。对于 Prosemirror，这是：

1. Prosemirror 合作

Prosemirror collab 是 Prosemirror 团队提供的解决方案（https://github.com/ProseMirror/prosemirror-collab，示例在这里https://prosemirror.net/examples/collab/#edit-Example）。正如您在上面的摘要中所见，这种方法并不是最可取的。人们说它不能很好地扩展并且这种方法不是很有效。最近有人试图对此进行一些改进（https://github.com/benaubin/prosemirror-collab-plus）。

2. Yjs 与 CRDT

另一种方法是使用 Yjs。这甚至可以分散工作，允许离线编辑等。这种方法似乎非常有前途，Yjs 作者的这篇文章（https://discuss.prosemirror.net/t/prosemirror-crdts/）中描述了与 Prosemirror 协作方法相比的优势1190/13）。它基于 CRDT ( https://josephg.com/blog/crdts-are-the-future/ )，这是 OT 的更新替代品。对于 Yjs，已经存在 Prosemirror 绑定（https://github.com/yjs/y-prosemirror），它主要从绝对 Yjs CRDT 位置转换为相对 Prosemirror步骤位置，反之亦然。不幸的是，目前没有提供建议的插件。在这里看到我的帖子（https://discuss.yjs.dev/t/live-tracking-track-changes/293）。

其他方法/灵感

在过去的几周里，我使用 Prosemirror 收集了一些方法。我认为他们中的大多数人都使用 Prosemirror collab，但实际上我不确定。但无论如何，这些方法可能有助于在 Prosemirror 上与 Yjs 一起实现它。以下是基于 Prosemirror 的编辑器列表，允许跟踪更改/建议：

• NIB，这里有一个示例链接（https://nibedit.com/plugins），他们似乎已经从 Github 中删除了跟踪更改/建议代码，但仍然可以使用旧版本（https://github.com/笔尖编辑/笔尖/树/89ae00d162c621990d32558d3272fcfb3669f285/packages/track )
• Fidus Writer，这里是编辑器代码的链接（https://github.com/fiduswriter/fiduswriter/tree/master/fiduswriter/document/static/js/modules/editor）
• Wax Prosemirror是一个非常年轻的项目，对我来说这似乎是一个非常有前途的编辑器（https://gitlab.coko.foundation/wax/wax-prosemirror/tree/master/wax-prosemirror-plugins/src）

外表

我们正在做一个开源项目，目前只在我们的空闲时间没有andy资金（https://github.com/openevocracy/openevocracy），因此我们可能只会进展缓慢。但是我们所有的时间和精力现在都集中在编辑器上，我会尽快在这篇文章（https://discuss.yjs.dev/t/live-tracking-track-changes/293）中更新社区有一些新的成果。

我希望这个信息收集有点帮助:)

如果有人有兴趣联手，我们对任何形式的合作都感到非常高兴！