牛骨文教育服务平台(让学习变的简单)

用 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>