用 editor.$txt 做其他内容处理
如下代码:
....省略N个字....
<script type="text/javascript">
// 创建编辑器
var editor = new wangEditor("div1");
editor.create();
// 打印
console.log(editor.$txt);
</script>
其中的 editor.$txt
是一个 jquery
封装的div
元素,这个div
元素就是编辑器的可编辑区域。
因此,想要设置、获取、处理编辑器区域的内容,操作这个 editor.$txt
即可。由于它本身就是 jquery
封装的,因此支持 jquery
所有API。例如:
....省略N个字....
<script type="text/javascript">
// 创建编辑器
var editor = new wangEditor("div1");
editor.create();
// 获取编辑区域的html
var html = editor.$txt.html();
// 获取编辑区域的纯文本
var text = editor.$txt.text();
// 获取编辑区域的所有图片
var imgs = editor.$txt.find("img");
// 追加内容
editor.$txt.append("<p>新内容</p>");
// ...更多...
</script>