文本编辑器在网站开发中是经常用到的.下面用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
}