码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-05-30 12:06:54      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:设置   document   通过   epo   添加   编辑器   图片大小   https   imp   

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

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

技术图片

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

技术图片


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

技术图片

 

当然,如果你不需要让用户添加图片大小可以直接在css文件里设置
#edui1_imagescale{display:none !important;} /去除点击图片后出现的拉伸边框/

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

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

标签:设置   document   通过   epo   添加   编辑器   图片大小   https   imp   

原文地址:https://www.cnblogs.com/douyage/p/10948748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!