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;