设置contenteditable属性可编辑HTML标签的内容(可代替textarea)

复制代码
<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>Yuzi.me</b></div>
<input type="button" name="Submit" value="插入图片" onclick="img()">

妙哉，如果想使用更多效果，需要自己写js代码了。望各位攻城（功臣）们发挥极致，盼分享！