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

版本:

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

现象:


20191112165724907.png

这里调节框与图片错位:

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

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'
 });
}

20191112170147511.png

当然,如果你不需要让用户添加图片大小可以直接在css文件里设置

#edui1_imagescale{display:none !important;} /去除点击图片后出现的拉伸边框/

转载来源:https://blog.csdn.net/SELECT_BIN/article/details/103033316?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase

你可能感兴趣的:(百度 ueditor编辑器 改变图片大小时 调节框与图片错位 问题)