百度ueditor使图片在编辑器中自适应大小

上传图片过大时会在编辑器是显示滚动条，图片显示不全，想显示全的话需要左右滑动滚动条，比较麻烦，需求是想在编辑器自适应，即宽度是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使图片在编辑器中自适应大小相关推荐

用python的tkinter做游戏（八）—— 实现图片在tkinter中自适应大小（自动匹配窗口）
用python的tkinter做游戏系列: 用python自带的tkinter做游戏(一)-- 贪吃蛇篇用python自带的tkinter做游戏(二)-- 俄罗斯方块篇用python自带的t ...
解决百度 ueditor v1.4.3 编辑器上传图片失真的bug？
项目中,用到百度ueditor编辑器,发现,上传大一点的图片,图片会失真,刚开始还以为是PHP端做了图片压缩,仔细看配置说明,发现是编辑器自带有个自动压缩图片的功能,可恶的是,压缩后的图片失真了! 决 ...
uve 使用百度ueditor自定义图片上传,在线图片插入,在线图片管理
前言本帖所有内容均用于学习使用,如有涉及侵权,请看到后联系我进行删帖上图片环境 "axios": "^0.21.1", "element-ui& ...
如何从word中直接复制图片到编辑器中
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...
ueditor多图片上传中去掉在线管理和图片搜索Tab页功能
找ueditor的源码包中找到image.html,在该页面中注释掉如下代码 <span class="tab" data-content-id="online&q ...
Android加载的图片在内存中的大小
1.图片占内存的大小计算公式:占内存大小 = 分辨率 * 像素点的大小. 其中每个像素点的大小如下: ALPHA_8 -- (1B) RGB_565 -- (2B) ARGB_4444 -- (2B ...
Unity基础：图片根据文字内容自适应大小（ContentSizeFitter的使用小技巧）
1.方案一在父物体(Panel_tiShiKuang)上添加Text和ContentSizeFitter组件,保证父物体的Text内容和子物体(Text)的文字内容一样 Image设置为最大适应,作 ...
百度UE富文本编辑器设置自适应大小和滚动条等
其实真特么简单,一开始还试着自己设置,弄来弄去都不合适.最后发现你想要的人家其实都有,你只需要设置就好了!!后知后觉啊. 你想要的效果可能在文件夹下config.js里边都有,只需要在界面中实例化页面 ...
onresize()调整浏览器窗口时，使图片等控件自适应地变化大小
今天学习JS时,按照教程里如下代码实现"改变浏览器窗口的图片自适应问题",但没有达到想要的效果,图片在改变浏览器窗口的时候越变越大,刷新页面后又恢复原大小. height = (d ...
html 中图片自适应大小设置
一.图片自适应大小图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺 ...

百度ueditor使图片在编辑器中自适应大小

百度ueditor使图片在编辑器中自适应大小相关推荐

最新文章

热门文章