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

分类:应用接口| 发布:camnprbubuol| 查看:9647 | 发表时间:2014/6/19

 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吧:

01img {
02 max-width: 100%; /*图片自适应宽度*/
03}
04body {
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;} /*去除点击图片后出现的拉伸边框*/
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/api/1229.html