admin 管理员组

文章数量: 1086019


2024年4月12日发(作者：plc编程培训班哪家好)

在线编辑器原理

这是一个以前写的帖子. 关于研究在线编辑器原理的文章. 很多人都用过这样

或那样的在线编辑器.比较有名的国产在线编辑器有 ewebsoft ,但为什么能实

现在线编辑呢? 首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态. 就是利

用这个编辑状态,然后用javascript 来控制 在线编辑的. 下面给出一个简短的

例子:

首先要有一个编辑框.这个编辑框其实就是一个 可编辑状态的 网页. 我们这里

用iframe 来建立编辑框

并且在 加上javascript 代码来指定 HtmlEdit 有编辑功能:

function ystatechange()

{

Mode="On";

}

TML 这句可以获得 HtmEdit 里面的

html代码. 一般的我们会用这样的javascript 将 iframe 里的内容传递给一

个textarea 然后提交给服务器处理.

function getIframeData(){

=TML;

}

function sentIframeData(){

TML=;

}

var sel = Range(); 而这一句可以获

得选取的焦点:

下面我就演示一个完成的例子. 一个拥有加粗功能的在线编辑器,有兴趣的朋友

可以在此基础上完成其他功能!!

charset=gb2312">

onClick="getIframeData()">

onClick="sentIframeData()">


本文标签： 编辑器 编辑 代码 原理 编辑框

版权声明：本文标题：在线编辑器实现原理 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1712920166a612515.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。