百度编辑器上传图片取消选中问题解决办法

Ueditor功能强大但是自从没人维护了里面就有很多问题,这个图片选中过后取消选中很麻烦,这是根据别人整理的代码整理的一套代码

原文章链接 https://segmentfault.com/q/1010000019222112

第一步:在ueditor.all.js文件里搜索 show: function(targetObj)修改以下代码

show: function(targetObj) {
    var me = this;
    me.resizer.style.display = 'block';
    if (targetObj) me.attachTo(targetObj);
    domUtils.on(this.resizer, 'mousedown', me.proxy(me._eventHandler, me));
    domUtils.on(me.doc, 'mouseup', me.proxy(me._eventHandler, me));
    me.showCover();
    me.editor.fireEvent('afterscaleshow', me);
    me.editor.fireEvent('saveScene');
    //下面是增加部分
    // if (me.target.localName == "img" || me.target.localName == "IMG") {
    //     cmedit.EditSystem.imgClickEvent(targetObj); //图片属性
    // }
},

第二步:在ueditor.all.js文件里搜索 hide: function (reset)修改以下代码

hide: function (reset) {
                    var me = this;
                    me.hideCover();
                    me.resizer.style.display = 'none';
                    
                    domUtils.un(me.resizer, 'mousedown', me.proxy(me._eventHandler, me));
                    domUtils.un(me.doc, 'mouseup', me.proxy(me._eventHandler, me));
                    me.editor.fireEvent('afterscalehide', me);
                    reset && me.editor.setContent(me.editor.getContent());
                },

 

这样就可以点击空白处取消选中了

 

posted @ 2022-09-27 16:42  铁锅炖大鹅·  阅读(126)  评论(0)    收藏  举报