百度ueditor图片自适应

上传图片过大时会在编辑器是显示滚动条，图片显示不全，想显示全的话需要左右滑动滚动条，比较麻烦，需求是想在编辑器自适应，即宽度是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’ 的注释去掉，保存；最后清理一下浏览器的缓存就可以使用了。

大家可以看到修改后的预览：