在线编辑器实现原理.docVIP

在线编辑器原理这是一个以前写的帖子. 关于研究在线编辑器原理的文章. 很多人都用过这样或那样的在线编辑器.比较有名的国产在线编辑器有 ewebsoft ,但为什么能实现在线编辑呢? 首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript 来控制 在线编辑的. 下面给出一个简短的例子: 首先要有一个编辑框.这个编辑框其实就是一个 可编辑状态的 网页. 我们这里用iframe 来建立编辑框 IFRAME id=HtmlEdit style=WIDTH: 100%; HEIGHT: 296px marginWidth=0 marginHeight=0/IFRAME 并且在 加上javascript 代码来指定 HtmlEdit 有编辑功能: function document.onreadystatechange(){HtmlEdit.document.designMode=On;} HtmlEdit.document.body.innerHTML 这句可以获得 HtmEdit 里面的html代码. 一般的我们会用这样的javascript 将 iframe 里的内容传递给一个textarea 然后提交给服务器处理. function getIframeData(){document.form1.test.value=Ht