利用 ContentEditable 做 WYSIWYG 编辑器
Sunday, 27. April 2008, 12:50:30
接下来要做的项目，需要在网页中实现一个拖方式的 WYSIWYG 编辑器，找了很多开源的基于 JavaScript 的编辑器，都难以实现复杂的拖放功能，因为它们几乎都是清一色使用 iframe 的 DesignMode="on" 属性，而跨 frame 的拖放非常困难，在网上很难找到现成的例子。
后来发现除了 Firefox 的其他浏览器，几乎都支持 div 的 ContentEditable="true" 属性，而 Firefox 3 也将支持该属性，所以决定用 div 做编辑器。刚开始觉得不难，然而一开始做就遇到不少难点，最主要是：
这几个问题不解决，很难做出令人满意的编辑器。因此，正在努力解决以上问题。
后来发现除了 Firefox 的其他浏览器，几乎都支持 div 的 ContentEditable="true" 属性，而 Firefox 3 也将支持该属性，所以决定用 div 做编辑器。刚开始觉得不难，然而一开始做就遇到不少难点，最主要是：
- 输入焦点的控制
- 光标位置的控制
- 选取区域的控制
这几个问题不解决，很难做出令人满意的编辑器。因此，正在努力解决以上问题。
You must be logged in to write a comment. if you're not a registered member, please 
