上传图片过大时会在编辑器是显示滚动条，图片显示不全，想显示全的话需要左右滑动滚动条，比较麻烦，需求是想在编辑器自适应，即宽度是100%：
在这里插入图片描述
昨天我使用百度UEditor，上传大图变的好大。不能够自动的缩写和编辑框内大小一样，找了半天代码没发现怎么修改，让它上传缩小，在config中 “imageCompressBorder”: 1600, /* 图片压缩 最长边限制 */没什么作用呢。
最后还是被我找到了，下面我就来给大家说说如果才能UEditor插入图片尺寸自动适应编辑框大小
首先我们找到如下文件：
\ueditor\themes\iframe.css
从这个文件里，就能看到有这一句：/可以在这里添加你自己的css/
哈哈，接下来，我们写css吧：
———————————-
img {
max-width: 100%; /图片自适应宽度/
}
body {
overflow-y: scroll !
important;
}
.view {
word-break: break-all;
}
.vote_area {
display: block;
}
.vote_iframe {
background-color: transparent;
border: 0 none;
height: 100%;
}
#edui1_imagescale{display:none !important;} /去除点击图片后出现的拉伸边框/
————————————
然后找到ueditor.config.js 这个文件，把里面的 ,iframeCssUrl: URL + ‘/themes/iframe.css’ 的注释去掉，保存；最后清理一下浏览器的缓存就可以使用了。
大家可以看到修改后的预览：
在这里插入图片描述
高手从不留名
关注
————————————————
版权声明：本文为CSDN博主「高手从不留名」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_49743281/article/details/109400418