如何在ajax中创建实时协作（多用户）文本编辑器

Question

我必须创建一个基于Ajax的实时文本编辑器。规格如下;

•用户登录网站

•用户可以看到登录用户列表

•用户选择其中一个登录用户，例如B，如果用户B可用（不与任何其他用户通信），则会收到连接请求。如果用户B接受请求，则两个用户都已连接。

•用户连接后，他们共享文本编辑器。如果用户A在其屏幕上可用的文本编辑器中输入任何内容，则在用户B的屏幕上在相同坐标处显示相同的文本。同样，如果用户B在屏幕上输入任何内容或从文本编辑器中删除任何内容，则用户A的屏幕上也会出现相同的情况。

•在两个用户的屏幕上创建指针形状的图像以表示鼠标指针。当用户A移动鼠标指针时，用户B屏幕上的图像应根据用户A的鼠标移动而移动，同样，当用户B移动鼠标时，用户A屏幕上的图像应相应移动。

任何人都可以帮助我吗？

Answer 1

如果您可以使用ASP.NET，请查看SignalR。它是一个JavaScript / C＃库，允许您在多个Web客户端上轻松地广播和调用JavaScript。你可以很容易地完成你想要做的很多事情，而不需要数据库。

Answer 2

您能否使用Node js套接字连接来实现实时协作。

编辑器事件可用于当前鼠标位置。上一个元素同级事件可用于查找用户将其内容准确插入的位置。  这需要转移到其他用户，并在其编辑器上的确切位置填充数据，而不是替换其内容。