0
点赞
收藏
分享

微信扫一扫

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

天使魔鬼 2022-09-27 阅读 93


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 {​

​01​

​img {​

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;} /*去除点击图片后出现的拉伸边框*/

举报

相关推荐

0 条评论