使用ajax创建在线实时文本编辑器
Create online realtime text editor using ajax
我要做一个实时文本编辑器,
经过研究,我了解到googledoc正在使用javascript,对于一个没有经验的学生来说,很难做这种应用程序。
我发现还有另一个编辑器也有类似的表现:
http://collabedit.com/
所以问题是,这个实现是基于java脚本还是使用其他更容易的方法?我想做一些像那样的编辑器,我不需要任何语法检查。只需允许多用户实时输入字体,并通知谁输入单词,仅此而已。
1) 我可以通过ajax实现吗?
2) 我可以用什么函数来做这件事?
谢谢。
您所描述的有点超出了AJAX的功能,并进入了一个稍微高级一点的模型,称为COMET(根据您询问的对象,它可能包括也可能不包括WebSockets的功能)。
或多或少,Comet允许网页和服务器之间的双向通信。这意味着客户端可以向服务器发布通知,服务器也可以向其任何客户端推送通知。Socket.IO.是一个很好的抽象框架
接下来你需要解决的是后端问题。您需要一个服务器端应用程序来跟踪连接的用户,以便收集更改(来自每个用户的新文本)并将这些更改发布给其他侦听器(参与文本编辑会话的其他用户)。虽然你可以使用PHP、C#等来实现这一点,但我个人建议你花一些时间学习node.js,因为它是专门处理这种实时多用户应用程序的。
最后,我对这里的另一篇帖子有一个类似的答案,这可能会对你有进一步的帮助。
对于您想要实现的目标,您最好使用HTML5的新WebSockets
。它们使用的开销要小得多,而且是为扩展、连续的连接而设计的。
http://websocket.org/quantum.html
相关文章:
- 制作一个“;输入“;按钮文本不可编辑
- 使用弹出窗口中的文本框编辑 Yaxis 值
- 使用 D3,如何设置轴路径和线条的属性(“填充”、“无”),而不是文本(不编辑样式表)
- Fabric.Js - 使已添加到画布的文本可编辑
- 如何使用TinyMCE文本区域编辑器作为一个类
- 如何使用Openlayers文本层编辑弹出菜单
- 具有自定义格式规则的JavaScript文本区域编辑器
- 编辑文本文本区域Jquery
- 反转引导程序页面下移的Markdown文本区域编辑
- 禁用了内联文本的编辑
- 如何使timymce文本区域编辑器可拉
- 如何限制文本区域(编辑器)的行数
- 使输入文本不可编辑,然后使用jQuery在3秒内使其再次可编辑
- 使用jQuery按钮在文本和编辑表单之间来回切换
- jsFiddler.NET中的文本/HTML编辑器
- 如何使html输入字段的占位符文本可编辑?
- 如何使文本框中的某些文本只读,而允许对其余文本进行编辑
- 为单个输入文本框编辑两种代码格式
- 单击即可选择所有文本(不可编辑)
- Javascript文本输入编辑:如何将一个文本输入中的多个字符串文本着色器转换为另一种表示