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

来源：互联网发布：狗书 python 编辑：程序博客网时间：2024/05/23 20:48

UEditor版本：1.4.3的jsp版本

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

下面我们就写自己的css，代码如下：

<span style="font-size:14px;">/*可以在这里添加你自己的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;} /*去除点击图片后出现的拉伸边框*/</span>

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

是不是很简单？如果解决了您的问题，那就没白写~

分享技术，分享快乐！欢迎打赏~

2 0