Javascript实现web编辑器-兼容FF和IE

背景： CREAT需要进行文本分析，主要的任务就是从一大段原始需求文本中，通过人工或者自动的手段，识别出有用的元素，并打上标记。 由于自然文本的任意性，用自动的方法无法完全精确地得出文本的处理结果，即使是人工处理，也往往需要进行几轮迭代式的分析处理。 Web编辑器即使设计来支持人工处理的这一过程的。

实现说明：

IFrame作为编辑器主体。

设置一下iframe的属性，iframe即可作为编辑器了。

<iframe frameborder="0" id="WebEditor" style="border: 1px dashed black;
height: 320px; width: 760px"></iframe>
>

Javascript处理文本格式

调用execCommand函数处理文本，可以实现粗斜下划、对齐方式、超链接、字体(大小、颜色等功能) execCommand函数的语法：

bSuccess = object . execCommand ( sCommand , bUserInterface , vValue )

    document.execCommand() 解析

function format(what, opt)
}

识别选择的文本，操纵DOM

这里有几个FF和IE不同的地方，一个是回车，IE下是<p>,比FF的<br/>空了很多，解决方法是重载编辑器document的回车事件：

Editor.document.onkeypress = fnKeypress;
}

处理选择的文本：

function message()
}

插入html代码：

function insert(html)
}

Demo：

web编辑器demo

参考：

IE和Firefox 对于相同的源代码解析有所有不同

JS的IE和FF兼容性问题的汇总小结

Gecko DOM Reference