TA貢獻446條經(jīng)驗 獲得超754個贊
原來你說的是CKEditor??！可以的：
<!doctype?html>
<meta?charset=utf-8>
<style>div[contenteditable=true]{border:?1px?solid?#000;}</style>
<script?src="./ckeditor/ckeditor.js"></script>
<div?id="editor1"?contenteditable="true">測試文本</div>
<button?id="btn">按鈕</button>
<script>
????CKEDITOR.disableAutoInline?=?true;
????CKEDITOR.inline(?'editor1'?);
????document.getElementById('btn').onclick?=?function()?{
???? var?div?=?document.createElement('div');
???? div.setAttribute('contenteditable',?"true");
???? document.body.appendChild(div);
???? CKEDITOR.inline(div);
????}
</script>
TA貢獻446條經(jīng)驗 獲得超754個贊
我測試過，IE7不行，IE8+和Chrome都行的。
<!doctype?html>
<meta?charset=utf-8>
<style>
????div?{border:?1px?solid?#777;height:?20px;}
</style>
<script>
function?add()?{
????var?div?=?document.createElement('div');
????div.setAttribute('contenteditable',?true);
????document.body.appendChild(div);
}
</script>
<div?contenteditable="true"></div>
<input?type="button"?value="按鈕"?onclick="add()">
舉報