百度UEditor编辑器插入图片尺寸自动适应

最新推荐文章于 2021-05-22 21:52:18 发布

原创最新推荐文章于 2021-05-22 21:52:18 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

解决UEditor编辑器中图片尺寸过大导致显示不全的问题，通过修改iframe.css文件中的CSS样式，使图片宽度自适应编辑框大小。

用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%;
}

搞定。