打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
UEditor控制上传图片的显示尺寸大小

UEditor版本:1.4.3的jsp版本

我们在使用UEditor的编辑框插入图片的时候,按照默认的设置,如果图片尺寸比较大,则图片会超出编辑器边框,特别不方便,而在UEditor的配置文件中也没有这一项的配置信息,但是它给提供了一个样式文件,即themes下的iframe.css文件,可以让我们在这里添加自己的css。

下面我们就写自己的css,代码如下

  1. <span style="font-size:14px;">/*可以在这里添加你自己的css*/  
  2. img {  
  3.  max-width: 100%; /*图片自适应宽度*/  
  4. }  
  5. body {  
  6.  overflow-y: scroll !important;  
  7. }  
  8. .view {  
  9.  word-break: break-all;  
  10. }  
  11. .vote_area {  
  12.  display: block;  
  13. }  
  14. .vote_iframe {  
  15.  background-color: transparent;  
  16.  border: 0 none;  
  17.  height: 100%;  
  18. }  
  19. #edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/</span>  
添加上述css后,再用UEditor编辑器添加文件的时候,图片最大只能到编辑框的边界。如下:




本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
JSP取得绝对路径
Jfinal集成UEditor将文件上传至七牛云储存
ueditor百度编辑器中,多图上传后,图片顺序乱掉的处理方法
DedeCMS安装百度ueditor编辑器的方法
ueditor 编辑器的配置 实现了上传图片与文件功能
提高网页加载速度最简单的5种方式
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服