在一个页面的多个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>
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 关注
- 1465 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消