2007年4月6日

在线编辑器实现原理(兼容IE和FireFox)

摘要: 线编辑器在我们日常的项目开发中非常有用(如新闻系统),它可以方便地实现文章的在线编辑,省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢?首先需要IE的支持,在IE5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript来控制在线编辑的。 首先要有一个编辑框,这个编辑框其实就是一个可编辑状态的网页, 我们用iframe来建立编辑框。 <IFRAME id=“HtmlEdit” style="WIDTH: 100%; HEIGHT: 296px" marginWidth=“0” marginHeight=“0”></I 阅读全文

posted @ 2007-04-06 23:28 goodvify 阅读(165) 评论(0) 推荐(0) 编辑

在线编辑器原理

摘要: 先解释一下在线编辑器的原理:首先需要IE5.0以上版本的支持.因为IE5.0以上版本有一个编辑状态,可以在一个iframe里面输入文字.然后通过 "document.body.innerHTML"可以获取iframe里面的html代码.这个就是关键。那怎么才能让ifrmae处于编辑状态呢,可以用function document.onreadystatechange(){HtmlEdit.document.designMode="On";}函数实现.剩下的问题就是就是取得焦点和选种的值.HtmlEdit.focus();var sel = HtmlEdi 阅读全文

posted @ 2007-04-06 23:26 goodvify 阅读(129) 评论(0) 推荐(0) 编辑

导航