百度编辑器添加监控内容改变事件，不要放在editor.read()里面

最新推荐文章于 2023-11-28 22:48:18 发布

wuzuyu365

最新推荐文章于 2023-11-28 22:48:18 发布

阅读量5.2k

点赞数 1

分类专栏： js 文章标签：编辑器百度

本文链接：https://blog.csdn.net/wuzuyu365/article/details/40984025

版权

js 专栏收录该内容

89 篇文章 1 订阅

订阅专栏

百度编辑器添加监控内容改变事件，不要放在editor.read(function(){ })里面，否则显示内容时，没有上面的工具栏，要在编辑器里按个空格符什么的才出来

function add_change_listener(shellId){
    //编辑内容改变监听事件
    //var shellId = 'container';

    //        editor.addListener("contentChange",function(){
    //            console.log('内容改变:'+editor.getContent());
    //        });
    //一般的字符都可以监听，但是@#￥%……这些字符的输入是监听不到的。所以采用如下的方法：
    //参考帖子：http://www.cnblogs.com/longze/archive/2013/07/17/3195564.html

    $('#' + shellId + ' #edui1_toolbarbox').css('display','none');
    editor.fireEvent("contentChange");

    var $textarea = $('#' + shellId + '').parent().find('iframe').contents();

    var fn = function(){
        g_content_changed = true;
        console.log('content_changed1, g_content_changed='+g_content_changed);
    }

    if (document.all) {
        $textarea.get(0).attachEvent('onpropertychange',function(e) {
            fn();
        });
    }else{
        $textarea.on('input',fn);
        $textarea.on('keyup',fn);
    }
}