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

onchange事件

如果要实时监控编辑器内容的变化,可通过 editor.onchange 来处理。注意,该操作必须在执行 editor.create() 方法之前。

<div id="div1">
    <p>请输入内容...</p>
</div>

<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
    var editor = new wangEditor("div1");
    
    // 配置 onchange 事件
    editor.onchange = function () {
        // 编辑区域内容变化时,实时打印出当前内容
        console.log(this.$txt.html());
    };
    
    editor.create();
</script>