ueditor插入图片调节框显示bug

当编辑框高度固定可内部滚动时，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;} /去除点击图片后出现的拉伸边框/

本人第一次写博客，希望对你有帮助！

ueditor插入图片调节框显示bug相关推荐

解决Chrome中UEditor插入图片的选择框加载过慢问题
解决Chrome中UEditor插入图片的选择框加载过慢问题 ../resources/plugins/ueditor/ueditor.all.js 中line24489/24498中的 accept ...
WORD 插入图片，只显示一部分的解决办法
如果在 Word 中插入图片后,只显示一部分,有时候拉出去还是只有半张,那是因为由于设置为固定值的文档行距小于图形的高度.请选定该图形,单击"格式"菜单中的"段落&quo ...
成功解决wps文档的论文中插入图片时只显示一半图片(两步教程完美搞定！)
成功解决wps文档的论文中插入图片时只显示一半图片(两步教程完美搞定!) 目录解决问题解决思路解决方法解决问题解决wps文档的论文中插入图片时只显示一半图片,如图所示, 解决
Word文档表格中插入图片无法完整显示解决办法
如上图所示,Word文档表格中插入图片却只显示很窄一条边解决办法:选中图片,菜单栏上点击段落右方小箭头扩展项选择单倍行距,即可完整显示图片
在html中怎么插入动态图片,如何在gif中插入图片动态图片某1帧插入图片并控制显示时间|动态图片中插入图片...
大家还记得我以前的一个教程嘛?就是如何在视频中插入图片并控制其显示时间,有印象的话就太棒了,没印象的或就点击上边的文字自己做一下功课吧!! 今天的教程内容和上边所讲到的教程有点相似,都是插入图片,但是 ...
UEditor 插入图片大于2M提示文件大小超出范围解决办法
wordpress使用UEditor-KityFormula 编辑器时候插入图片的时候会提示附件大小超出范围等错误,这是因为UEditor编辑器里面有限制了图片附件大小最大不能超过2m的原因解决办法 ...
Word 插入图片后不显示或显示不完整怎么办
用 Word 冒出来各种小问题,有时候插入图片不显示很是令人着急,比如插入图片是这种情况很是令人烦躁有没有?自己去拖拽.选环绕文字的格式半天才能把图显示出来问题出在文本的间距上,是的和上一篇博客 ...
写CSDN插入图片一直无法显示？
有可能是浏览器的问题,chrom和Edge图片加载不出来,下载了一个firefox浏览器写CSDN插入图片就成功了
word插入图片后只显示一部分，怎么解决？
方法:设置行距来显示图片我现在插入的图片只显示了一部分,没有显示完全,如图所示点击上方的工具条的"段落"工具栏右下方的斜箭头,如图所示弹出段落设置对话框,准备修改行距,如图所 ...

ueditor插入图片调节框显示bug

ueditor插入图片调节框显示bug相关推荐

最新文章

热门文章