程序员 第26章 百度编辑器UEditor插入图片尺寸自适应编辑框大小 程序员 第26章 百度编辑器UEditor插入图片尺寸自适应编辑框大小

2022-07-18

①、问题来源

我们在使用UEditor的编辑框插入图片的时候,按照默认的设置,如果图片尺寸比较大,则图片会超出编辑器边框,特别不方便。

②、解决方法

在 themes 下的 iframe.css 文件,可以让我们在这里添加自己的 css。

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

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

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开微信扫一扫,即可进行扫码打赏哦

阅读 679