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

时间:2024-03-15 21:27:48

这个问题的处理办法在编辑器的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编辑器插件图片尺寸太大问题解决

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