这个问题的处理办法在编辑器的image插件中其实是有解决方案的,只是被注释掉了。
首先说下在网上找到的两种方法:
1、在\ueditor\themes\iframe.css添加样式 ‘max-width: 100%’,找了下在umeditor中没有这个文件;
2、是在umeditor.js中添加‘width=100%’的属性;
第二种办法是可行的,只是在页面中我引用的是umeditor.min.js文件,要改这里比较麻烦。
不过也正是从这里的ci.width得到启发---编辑器在插件图片时,是会根据图片插件传入的参数设置图片尺寸;
于是,我找到了 image.js文件中,点击确定按钮执行的代码:
这里的list就是传到umeditor.js中的opt参数,也就是待插入图片的相关信息;根据这条线索找到了当前文件中的getAllPic函数:
上图中有一段被注释的代码,它就是调用scale计算图片尺寸的。至于为什么会被注释掉,还不清楚。
打开注释,并在arr.push时添加到width和height属性就可以了,如下:
从上述代码中可以看到,它是通过编辑器的宽度来对图片尺寸进行等比例计算。