umeditor编辑器插件图片尺寸太大问题解决

这个问题的处理办法在编辑器的image插件中其实是有解决方案的，只是被注释掉了。

首先说下在网上找到的两种方法：

1、在\ueditor\themes\iframe.css添加样式 ‘max-width: 100%’，找了下在umeditor中没有这个文件；

2、是在umeditor.js中添加‘width=100%’的属性；

umeditor编辑器插件图片尺寸太大问题解决

第二种办法是可行的，只是在页面中我引用的是umeditor.min.js文件，要改这里比较麻烦。

不过也正是从这里的ci.width得到启发---编辑器在插件图片时，是会根据图片插件传入的参数设置图片尺寸；

于是，我找到了 image.js文件中，点击确定按钮执行的代码：

umeditor编辑器插件图片尺寸太大问题解决

这里的list就是传到umeditor.js中的opt参数，也就是待插入图片的相关信息；根据这条线索找到了当前文件中的getAllPic函数：

umeditor编辑器插件图片尺寸太大问题解决

上图中有一段被注释的代码，它就是调用scale计算图片尺寸的。至于为什么会被注释掉，还不清楚。

打开注释，并在arr.push时添加到width和height属性就可以了，如下：

umeditor编辑器插件图片尺寸太大问题解决

从上述代码中可以看到，它是通过编辑器的宽度来对图片尺寸进行等比例计算。