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

本文详细记录了解决ueditor在上传大图片时,图片超过编辑器宽度的问题,通过修改ueditor样式,确保图片最大宽度与编辑器一致,避免出现编辑器外的图片显示情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近项目中用到了ueditor,使用过程中发现了一些问题,记录到这里


ueditor上传分辨率大的图片时,显示超过编辑器宽度,查看了一下元素,发现编辑器是基于iframe来实现的,并且是通过js来写iframe的src。


这样就能找到修改ueditor样式的位置,如下图



这样我们就可以在这里统一定义样式,在其中添加:

img{max-width:100%}

如此,页面上就可以看到图片最大宽度与编辑器一致,不会出编辑器了,说明这种方法是可行的。

在引用的ueditor.all.js或者ueditor.all.min.js中搜索.view  找到上述代码在js文件中的位置,将css加进去即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值