动态增加的div没有文本编辑器
在一个页面的多个div里加上contenteditable="true"，就可以实现inline效果。
但是，我现在在页面中实现了点击按钮，动态增加一个div的效果，新增加的div也有contenteditable="true"，但是获得焦点是文本编辑器却没有出现。
希望遇见过这个问题的人给个建议。谢谢！
2回答
-
qq_青枣工作室_0
原来你说的是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>
-
qq_青枣工作室_0
我测试过，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()">