ueditor 控制上传图片的显示尺寸

Posted yinz163diudiu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ueditor 控制上传图片的显示尺寸相关的知识,希望对你有一定的参考价值。

使用UEditor的编辑框插入图片的时候,如果图片尺寸比较大,则图片会超出编辑器边框出现滚动条,特别不方便。

 

解决办法:在ueditor 的 themes 文件夹下有个iframe.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%;  
}  

 

以上是关于ueditor 控制上传图片的显示尺寸的主要内容,如果未能解决你的问题,请参考以下文章

UEditor 自定义图片视频尺寸校验

百度的富文本编辑器UEditor添加图片自动加上宽度和高度的属性

怎么修改百度编辑器(Ueditor)的上传图片大小限制,PHP版的

JSP Ueditor 实现图片跨域上传

百度编辑器UEditor 点击上传图片选择框会延迟几秒才会显示 反应很慢(转)

ueditor单图片(simpleupload)上传,设置其 width:100%,height:auto。以适应各种屏幕大小显示