簡介
contentEditable html中的一個屬性。設定html的contentEditable=‘true’時，即可開啟該元素的編輯模式。
Html中的contentEditable的屬性可以打開某些元素的可編輯狀態．也許你沒用過contentEditable屬性．甚至從未聽說過．contentEditable的作用相當神奇．可以讓div或整個網頁，以及span等等元素設定為可寫．我們最常用的輸入文本內容便是input與textarea 使用contentEditable屬性後，可以在div,table,p,span,body,等等很多元素中輸入內容．
如果想要整個網頁可編輯，請在body標籤內設定contentEditable
contentEditable已在html5標準中得到有效的支持。
在IE8下設定表格可寫不支持，其他元素沒有問題．在FireFox運行一切正常．谷歌瀏覽器運行一切正常
html中 <p contentEditable=true>;
js 中 document.all("tjtxt").contentEditable =true;
前段UI的美化，表單元素通過CSS樣式不一定能達成設計師的要求，通過開啟 div p span等元素的contentEditable，來實現表單元素的功能（需要js搭配）。
舉例：用於在textarea中除ie外不能插入圖片。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function img(){
var location1 = prompt("請輸入圖片的地址：","http://");
if(location1){
selImg(location1);
}
}
function selImg(s){
if(!s){return false;}
var h=s.substr(s.lastIndexOf(".")+1,3);
if(h=="gif"||h=="jpg" || h=="GIF" || h=="JPG"){
Edit=document.getElementById("idEdit")
Edit.innerHTML+="<img src="+s+'>'
}
else{
}
}
</script>
<div NAME=EditCtrl id=idEdit contentEditable=true style="width:100%;height:200px;border:1px solid #666666"> <b>hubro</b>
</div>
<input type="button" name="Submit" value="插入圖片" onclick="img()">
