HTML5 / 互联网 · 2015年2月14日 0

UEditor插入的图片自适应编辑框大小 点击图片不出现拉伸缩放边框

从ueditor.config.js可以看到这些,但是这些修改了,还是不行。

,compressSide:1             //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
//scaleEnabled
 //是否可以拉伸长高,默认true(当开启时,自动长高失效)
 //,scaleEnabled:false

UE的js肯定不会修改,所有可以考虑修改样式,由此我们找到如下文件:

E:\Camnpr\www\modules\ueditor\themes\iframe.css

从这个文件里,就能看到有这一句:/*可以在这里添加你自己的css*/

哈哈,接下来,我们写css吧:

01 img {
02  max-width: 100%; /*图片自适应宽度*/
03 }
04 body {
05  overflow-y: scroll !important;
06 }
07 .view {
08  word-break: break-all;
09 }
10 .vote_area {
11  display: block;
12 }
13 .vote_iframe {
14  background-color: transparent;
15  border: 0 none;
16  height: 100%;
17 }
18 #edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

转载:http://camnpr.com/archives/1229.html

Share this: