国产探花免费观看_亚洲丰满少妇自慰呻吟_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; 
}


注:相關教程知識閱讀請移步到編輯器頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 曲周县| 南昌市| 华容县| 广宁县| 会泽县| 察哈| 昂仁县| 浦北县| 三原县| 西和县| 安丘市| 沁源县| 博兴县| 河东区| 永修县| 天全县| 蓝山县| 平武县| 岳池县| 大港区| 清涧县| 定南县| 霍城县| 来凤县| 长治市| 江孜县| 五家渠市| 金坛市| 广宁县| 鄂伦春自治旗| 武威市| 青川县| 陈巴尔虎旗| 嘉义县| 前郭尔| 久治县| 东莞市| 长泰县| 阿合奇县| 蓝山县| 陆河县|