UEditor控制上传图片的显示尺寸大小

我们在使用UEditor的编辑框插入图片的时候,按照默认的设置,如果图片尺寸比较大,则图片会超出编辑器边框,特别不方便,而在UEditor的配置文件中也没有这一项的配置信息,但是它给提供了一个样式文件,即themes下的iframe.css文件,可以让我们在这里添加自己的css。

下面我们就写自己的css,代码如下:

/*可以在这里添加你自己的css*/
img {
 max-width: 50%; /*图片自适应宽度*/
}
body {
 overflow-y: scroll !important;
}
.view {
 word-break: break-all;
}
.vote_area {
 display: block;
}
.vote_iframe {
 background-color: transparent;
 border: 0 none;
 height: 50%;
}
#edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

添加上述css后,再用UEditor编辑器添加文件的时候,图片最大只能到编辑框的边界。


© 版权声明
THE END