问题:在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;
}