解决 百度 ueditor编辑器 改变图片大小时 调节框与图片错位 问题

版本:

/*!
 * UEditor Mini版本
 * version: 1.2.2
 * build: Thu Dec 22 2016 16:36:28 GMT+0800 (CST)
 */

现象:

 这里调节框与图片错位:

修改ueditor.all.js文件的大约17448行为:

'top': iframePos.y + imgPos.y - me.editor.window.scrollY - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'

 修改后:

attachTo: function (targetObj) {
                    var me = this,
                        target = me.target = targetObj,
                        resizer = this.resizer,
                        imgPos = domUtils.getXY(target),
                        iframePos = domUtils.getXY(me.editor.iframe),
                        editorPos = domUtils.getXY(resizer.parentNode);

                    domUtils.setStyles(resizer, {
                        'width': target.width + 'px',
                        'height': target.height + 'px',
                        'left': iframePos.x + imgPos.x - me.editor.document.body.scrollLeft - editorPos.x - parseInt(resizer.style.borderLeftWidth) + 'px',
                        // 'top': iframePos.y + imgPos.y - me.editor.document.body.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
                        'top': iframePos.y + imgPos.y - me.editor.window.scrollY - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
                    });
                }

 

当然,如果你不需要让用户添加图片大小可以直接在css文件里设置
#edui1_imagescale{display:none !important;} /去除点击图片后出现的拉伸边框/

参考:https://tieba.baidu.com/p/5724906598?red_tag=2417469440

https://blog.csdn.net/qq_35405240/article/details/82786590

 

原文链接:加载失败,请重新获取