在线协同代码编辑ide

Posted 2023-03-07

【中文标题】在线协同代码编辑ide

【英文标题】：online collaborative code editing ide

【发布时间】：2018-06-02 16:28:47

【问题描述】：

我正在尝试使用 node.js 构建协作代码编辑器。我能够在 textarea 中协作制作内容（多人可以同时编辑）。

如何在不替换 textarea 的情况下使用 CodeMirror 将现有 textarea 变成代码编辑器？ （如果我直接尝试使用代码镜像将文本区域变为编辑器，它将替换它或在它下面创建一个编辑器而不替换它）

如何将现有的文本区域变成代码编辑器？

【问题讨论】：

您希望我们如何准确地帮助您？

如何将现有的文本区域变成代码编辑器？

*** 不适合这样广泛的问题。您能否生成最小、完整和可验证的示例并更新帖子？见这里***.com/help/mcve

你能分享你已经拥有的代码吗？

【参考方案1】：

其实，这应该有点简单。如果构建一个同步编辑器，它应该是基于事件的，不是你的情况吗？

因此，您应该能够做两件事：检测编辑（并将其发送给其他人）并在收到消息后以编程方式更改编辑区域的内容（“另一个人已编辑”）。这并不难做到：

检测编辑，使用change/changesevents 要设置更改，请使用content manipulation methods，例如setValue 或replaceRange

【讨论】：

感谢您的回答。现在它在这里工作的是演示协作ide.herokuapp.com/