编辑新闻

新闻类型：

新闻主题：

搜索前台

商品编号：

发表人：

关键字：

用空格隔开

新闻内容：
（小于1200字时 <br 分页）

上传图片过大时会在编辑器是显示滚动条，图片显示不全，想显示全的话需要左右滑动滚动条，比较麻烦，需求是想在编辑器自适应，即宽度是100%： 在这里插入图片描述 昨天我使用百度UEditor，上传大图变的好大。不能够自动的缩写和编辑框内大小一样，找了半天代码没发现怎么修改，让它上传缩小，在config中 “imageCompressBorder”: 1600, /* 图片压缩 最长边限制 */没什么作用呢。最后还是被我找到了，下面我就来给大家说说如果才能UEditor插入图片尺寸自动适应编辑框大小 首先我们找到如下文件： \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;} /去除点击图片后出现的拉伸边框/ ———————————— 然后找到ueditor.config.js 这个文件，把里面的 ,iframeCssUrl: URL + ‘/themes/iframe.css’ 的注释去掉，保存；最后清理一下浏览器的缓存就可以使用了。 大家可以看到修改后的预览： 在这里插入图片描述 高手从不留名 关注 ———————————————— 版权声明：本文为CSDN博主「高手从不留名」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_49743281/article/details/109400418

操作：