关闭

百度UEditor插入图片尺寸自动适应编辑框大小问题

9351人阅读 评论(0) 收藏 举报

百度UEditor

昨天我使用百度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

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

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

UEditor版本:1.4.3的jsp版本 我们在使用UEditor的编辑框插入图片的时候,按照默认的设置,如果图片尺寸比较大,则图片会超出编辑器边框,特别不方便,而在UEditor的配置文件中也没有...
  • lupangdelu
  • lupangdelu
  • 2015-04-02 15:34
  • 11632

富文本编辑器ueditor的简单实现,及编辑器加载的图片不自适应的问题

1.在很多地方会用到富文本百度富文本编辑器 2.先下载文件包,引入到项目中如图: 3.在jsp里面引入js /ueditor/ueditor.config.js"> /uedito...
  • LeichunHong
  • LeichunHong
  • 2017-06-17 11:36
  • 1736

图片自适应大小@百度编辑器

/** *文件名:umeditor.css *******这里开始添加你的CSS***********/ /*编辑器图片自适应大小*/ img { max-width: 100%; /*图片...
  • singinneteasy
  • singinneteasy
  • 2014-07-18 14:33
  • 2789

ueditor 上传的图片在内容里显示的尺寸过大的问题

没改动之前是上面这样的,图片显示不开,撑出了滚动条,想让他自适应100%,不出现滚动条 网上有方法 1.ueditor 的 themes 文件夹下有个iframe.css 加入以下代码,保...
  • bksqmy
  • bksqmy
  • 2017-10-24 17:45
  • 277

UEditor控件图片无法正常缩放

转载自:show_code 原文地址:http://blog.csdn.net/playboyanta123/article/details/69950909问题:ueditor下插入图片,不能正常...
  • cx118118
  • cx118118
  • 2017-08-05 20:32
  • 307

UEditor控件的图片无法正常缩放(“大坑”)

UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,具有轻量,可定制,注重用户体验等特点,基于MIT协议,功能很强大。最近在使用的过程中发现其中上传的图片(或者插入已有的表情包图...
  • playboyanta123
  • playboyanta123
  • 2017-04-10 16:32
  • 2030

UEditor之实现配置简单的图片上传示例

开心一笑下班后,阿华到楼下小超市买毛巾,刚买完出来,就遇到同一办公楼里另一家公司的阿菲,之前与她远远的有过几次眼神交流,但从没说过话,“买毛巾啊”,看着阿华手里的毛巾,阿菲先开口了。 阿华回到:“是...
  • huangwenyi1010
  • huangwenyi1010
  • 2016-06-11 18:27
  • 64097

ueditor单图片上传没有触发afterinsertimage事件

ueditor单图片上传没有触发afterinsertimage事件
  • qq_16226893
  • qq_16226893
  • 2017-03-25 14:28
  • 1906

Ueditor插入图片后换行

让Ueditor在插入图片后自动切换到下一行 1、添加执行命令后的监听事件 ue.addListener('afterExecCommand',function(t, e, arg){ afterUp...
  • zym2895756
  • zym2895756
  • 2017-01-04 10:33
  • 873

ueditor上传分辨率大的图片显示超过编辑器宽度

最近项目中用到了ueditor,使用过程中发现了一些问题,记录到这里 ueditor上传分辨率大的图片时,显示超过编辑器宽度,查看了一下元素,发现编辑器是基于iframe来实现的,并且是通过js来...
  • a670977869
  • a670977869
  • 2015-12-17 13:43
  • 3163
    个人资料
    • 访问:75516次
    • 积分:1794
    • 等级:
    • 排名:千里之外
    • 原创:107篇
    • 转载:28篇
    • 译文:0篇
    • 评论:10条
    文章分类