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

如何在ajax中创建实时协作(多用户)文本编辑器,ajax,text-editor,Ajax,Text Editor,我必须创建一个基于Ajax的实时文本编辑器。规格如下 •用户登录网站 •用户查看已登录用户的列表 •用户选择其中一个登录用户(比如B),如果用户B可用(不与任何其他用户通信),则会收到连接请求。如果用户B接受请求,则两个用户都已连接 •一旦用户连接,他们将共享文本编辑器。如果用户A在其屏幕上可用的文本编辑器中输入任何内容,则相同的文本将在用户B的屏幕上以相同的坐标显示。类似地,如果用户B在其屏幕上的文本编辑器中输入任何内容或删除任何内容,用户A的屏幕上也会发生同样的情况 •在两个用户屏幕上创建指

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

•用户登录网站

•用户查看已登录用户的列表

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

•一旦用户连接,他们将共享文本编辑器。如果用户A在其屏幕上可用的文本编辑器中输入任何内容,则相同的文本将在用户B的屏幕上以相同的坐标显示。类似地,如果用户B在其屏幕上的文本编辑器中输入任何内容或删除任何内容,用户A的屏幕上也会发生同样的情况

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


有人能帮我吗???

如果你能使用ASP.NET,请看一看。它是一个JavaScript/C库,允许您轻松地向多个web客户端广播和调用JavaScript。无需数据库,您就可以轻松完成许多您想做的事情。

您可以使用Node js socket连接实现实时协作吗

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

到目前为止您做了什么?这与其说是一个问题,不如说是一个项目!我已经完成了前三部分。在屏幕上共享文本,但鼠标移动仍然是一个问题。我无法使用数据库获取鼠标坐标,因为服务器崩溃的请求数量越来越多。请帮我做一下鼠标移动!!您记录鼠标移动并将其发送回服务器以插入数据库的频率是多少?每秒钟,5秒?这就是重点…事实上我不想用数据库来移动鼠标,它会给人一种急促的感觉。我想用一些快速有效的方法。你能更具体一点,并提供一些出发点的例子吗?当然!!我不确定这是否是一个完美的解决方案,但我使用node js套接字连接实现了实时协作。请参阅如何使用套接字io实现套接字连接和传输。我用过tinymce编辑器。为tinymce写入keyup/keydown事件。在这里面,我们可以很容易地获得当前工作节点、上一个元素同级和下一个元素。使用套接字io将这些数据作为对象传递给其他用户。根据数据在其他用户的编辑器中填充文本。