最近项目中用到了ueditor,使用过程中发现了一些问题,记录到这里
ueditor上传分辨率大的图片时,显示超过编辑器宽度,查看了一下元素,发现编辑器是基于iframe来实现的,并且是通过js来写iframe的src。
这样就能找到修改ueditor样式的位置,如下图
这样我们就可以在这里统一定义样式,在其中添加:
img{max-width:100%}
如此,页面上就可以看到图片最大宽度与编辑器一致,不会出编辑器了,说明这种方法是可行的。
在引用的ueditor.all.js或者ueditor.all.min.js中搜索.view 找到上述代码在js文件中的位置,将css加进去即可。