ueditor编辑器,图片大小、错位问题修复

问题:在ueditor编辑器中上传照片,当鼠标点击图片时,图片上的编辑框错位跑到编辑器外面。

解决方案:修改ueditor.all.js文件里下面这行代码,隐藏掉了。
***** 很多朋友修改了这段代码没有解决问题****** =>>>>>> 代码压缩

原代码:

'top': iframePos.y + imgPos.y - me.editor.document.body.scrollTop - 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.document.documentElement.scrollTop - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
    });
}
当然,如果你不需要让用户添加图片大小可以直接在css文件里设置

添加下面这段代码

/* 取消图片点击边框 */
#edui1_imagescale {
  display: none !important;
}
ueditor.css

你可能感兴趣的:(ueditor编辑器,图片大小、错位问题修复)