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编辑器,图片大小、错位问题修复

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容