自定义UEditor样式解决图片显示问题
本文详细介绍了如何通过修改UEditor配置文件和样式表来解决图片自适应显示和去除图片拉伸边框的问题，包括等比压缩设置、CSS样式调整等步骤。
从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;} /*去除点击图片后出现的拉伸边框*/
|
扫一扫
4378
到【灌水乐园】发言
