动态增加的div没有文本编辑器
在一个页面的多个div里加上contenteditable="true"，就可以实现inline效果。
但是，我现在在页面中实现了点击按钮，动态增加一个div的效果，新增加的div也有contenteditable="true"，但是获得焦点是文本编辑器却没有出现。
希望遇见过这个问题的人给个建议。谢谢！
风雪与默默浏览 1469回答 2
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()">
随时随地看视频慕课网APP
Html/CSS