在一個頁面的多個div里加上contenteditable="true"，就可以實現inline效果。
但是，我現在在頁面中實現了點擊按鈕，動態增加一個div的效果，新增加的div也有contenteditable="true"，但是獲得焦點是文本編輯器卻沒有出現。
希望遇見過這個問題的人給個建議。謝謝！
2 回答
已采納
qq_青棗工作室_0
TA貢獻446條經驗 獲得超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>-
風雪與默默我昨晚剛剛試出來只要加一行CKEDITOR.inline('id ')就行，也非常感謝您！
qq_青棗工作室_0
TA貢獻446條經驗 獲得超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()">- 2 回答
- 0 關注
- 1510 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消