IFrame 系列1 ----designMode和contentEditable属性全方位解析

DesignMode 跟 contentEditable 这个两个属性一般常用在 iframe中，在富文本编辑器之类中反光发热。

 

实现可视化编辑，可以使用contentEditable和designMode两种方法。 contentEditable 刚开始在IE上实现，后来各大浏览器陆续支持contentEditable，HTML5标准也包含 contentEditable。

        [1]:  designMode 只能把 document整体改成可编辑状态

       [2]:  contentEditable 可以把任何HTML元素改成可编辑状态 

var ifr = document.getElementById("editor"); // iframe 的id 位editor
var doc = ifr.contentDocument || ifr.contentWindow.document; // W3C || IE 方式获取iframe的文档对象
doc.designMode= "on";
doc.contentEditable= true;