ueditor 图片选区错位问题,图片没法正常缩放

当编辑框高度固定可内部滚动时,ueditor插入图片调节框显示bugcss

在使用百度euditor的编辑器时,咱们经常须要让用户对插入的图片进行拉伸修改大小。当euditor的编辑框不随内容的增长而调节高度时,实现的是编辑框内部滚动时,就会出现如下bug,如图:
出现的蓝色调节尺寸的框与图片的位置相差比较多,当内容比较可能是,下面的图片调节框在全屏下基本看不到,以下图的小兵调节框编辑器

这个高度调节能够经过修改ueditor.all.js的代码来实现调节框位置与图片位置一致。以下ui


原代码17097行:‘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’;
实现以后调节框与图片位置就一致了。如图:.net

 

固然,若是你不须要让用户添加图片大小能够直接在css文件里设置
#edui1_imagescale{display:none !important;} /去除点击图片后出现的拉伸边框/

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

blog

相关文章
相关标签/搜索