文本编辑器在网站开发中是经常用到的.下面用iframe的方式初步了解下:

加入你在页面中嵌入了<iframe id='editor' width='640px' height='800px'><html><head></head><body></body></html></iframe>

var ifr=document.getElementById('editor');

var win=ifr.contentWindow;

var doc=win.document;

 doc.designMode = 'on';

win.focus();

这样你就可以在编辑器中输入内容了.在开发编辑器中,最重要的一个对象是range

两者在不同浏览器下创建也是不一样的。

if ($.browser.msie) {

//ie下
var selection = doc.selection;
range = selection.createRange();

//获得其父节点

range.parentElement();

}
else {

//ff chrome下
selection = win.getSelection();
//获得w3c range
range = selection.getRangeAt(0);

//获得其父节点

range.startContainer.parentElement
}

 

posted on 2012-04-09 17:37  胡布内尔  阅读(313)  评论(0编辑  收藏  举报