在线HTML编辑器原理(eweb原理)
来源:风之相随'S BLOG 时间:2009-01-08 12:25:00
为什么能实现在线编辑呢? 首先需要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=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
var sel = HtmlEdit.document.selection.createRange(); 而这一句可以获得选取的焦点:
下面我就演示一个完成的例子. 一个拥有加粗功能的在线编辑器,有兴趣的朋友可以在此基础上完成其他功能!!
标签:编辑器,eweb,html,原理
0
投稿
猜你喜欢
深入了解MySQL的数据类型以及建库策略
2008-12-17 16:16:00
合理设置内存让数据库与其他程序共存
2009-05-21 16:24:00
给Notepad++换主题
2009-05-04 14:43:00
Linux上MySql远程备份方案
2010-11-25 17:23:00
优化Oracle库表设计的若干方法
2010-07-16 13:24:00
如何使用Index Server建立一个网站导航地图?
2010-06-05 12:39:00
巧用overflow属性解决中间间距问题
2007-12-08 20:26:00
Active Server Pages 错误 “ASP 0141”
2009-08-19 17:10:00
asp下用OracleInProcServer完成对Oracle的连接和操作
2008-04-13 07:10:00
如何配置一个稳定的SQL Server数据库
2008-12-09 14:07:00
ASP中Cookies集合使用方法详解
2007-09-14 10:16:00
asp读取xml实例代码
2011-03-08 11:13:00
seo网站如何实现301跳转?
2010-01-15 12:59:00
WEB打印分页类(JS)
2008-01-22 14:02:00
SQL Server中Update的用法
2008-12-29 13:57:00
Access保留字和变量名列表
2007-10-15 12:43:00
语义化提高页面质量
2007-10-07 11:56:00
浅谈ACCESS数据库升迁SQLSERVER注意事项
2007-08-11 13:44:00
如何用CSS实现图像替换链接文本显示并保证链接可点击
2011-03-03 12:37:00
详解php如何合并身份证正反面图片为一张图片
2023-05-22 10:44:46