国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > 綜合 > 正文

編輯器中designMode和contentEditable的屬性的介紹

2024-07-21 02:53:26
字體:
來源:轉載
供稿:網友
先解釋一下在線編輯器的原理:首先需要IE5.0以上版本的支持.因為IE5.0以上版本有一個編輯狀態,designMode是document的屬性,意思是設置或獲取表明文檔是否可被編輯的值,默認值為off或Inherit
 
HtmlEdit.document.designMode="On"; 
HtmlEdit是iframe對象ID 
IE 中可以設置contentEditable="true" 
把div的contentEditable屬性設置為 true,在IE瀏覽器中就可以看到效果了,div中元素都變成可以編輯的了。 
<div id="tt" contentEditable="true"></div> 
<body contentEditable="true"><!--則整個頁面都可以編輯了-->。 
Firefox中可以 使用javascript語句設置屬性contentDocument.designMode為 "on" 
iframeName.document.designMode="on" ; 
其中iframeName 為iframe控件的name屬性。 
在 IE7和 FireFox2.0中測試通過。如果想先初始化加入一些內容及樣式,代碼示例如下: 
復制代碼代碼如下:

if(navigator.appName == "Microsoft Internet Explorer") 

var IframeID=frames["HtmlEditor"]; 
if(navigator.appVersion.indexOf("MSIE 6.0",0)==-1){IframeID.document.designMode="On"} 
IframeID.document.open(); 
IframeID.document.write(StyleEditorHeader); 
IframeID.document.close(); 
IframeID.document.body.contentEditable = "True"; 
IframeID.document.body.innerHTML=HidenObjValue; 
IframeID.document.body.style.fontSize="10pt"; 
}else 

var _FF = navigator.userAgent.indexOf("Firefox")>-1?true:false; 
var IframeID=getObject("HtmlEditor"); 
HtmlEditor=IframeID.contentWindow; 
HtmlEditor.document.designMode="On" 
HtmlEditor.document.open(); 
HtmlEditor.document.write(StyleEditorHeader); 
HtmlEditor.document.close(); 
HtmlEditor.document.body.contentEditable = "True"; 
HtmlEditor.document.body.innerHTML=HidenObjValue; 
}


注:相關教程知識閱讀請移步到編輯器頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 白河县| 旬邑县| 崇义县| 尖扎县| 咸阳市| 咸宁市| 彰武县| 贵港市| 昌吉市| 易门县| 文登市| 永善县| 巴塘县| 双桥区| 重庆市| 栾川县| 区。| 南昌市| 老河口市| 宕昌县| 静海县| 巴林右旗| 增城市| 剑阁县| 崇义县| 新河县| 安多县| 翁源县| 阿瓦提县| 嵩明县| 建德市| 泾川县| 高青县| 惠水县| 土默特左旗| 伊春市| 连平县| 信阳市| 泰安市| 宁波市| 旬邑县|