百度编辑器上传图片后自适应问题

 利用百度编辑器上传文章内容后有时我们还需要添加图片来丰富我们的文章,这时就要利用编辑器上传图片,但有时候不小心会把上传的图片给拉伸,造成浏览时图片大小不一样,

经过调试发现,<img>标签中的style就是影响移动端自适应的问题所在。将整个style删除后,既不会影响PC端图片大小,也会使自适应恢复。这也是吃了直接用网上代码,先森自己没有研究过自适应的亏,发现问题还绕了很大的弯。

通过排查发现,只要通过百度UEditor编辑器设置图片的宽高,即会自动添加width、height、border、vspace以及style属性,style属性中也包含width与height,也就是编辑器同时设置了两组宽高。而我们要做到的是使UEditor编辑器设置图片宽高时,不添加style属性。

通过在官方文档中寻找解决方法无果后,开始在插件中的代码中寻找,终于找到了关键代码。

在服务器中打开自己的编辑器路径,找到/ueditor/ueditor/dialogs/image,找到image.js文件,打开编辑

百度编辑器上传图片后自适应问题

找到style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"直接给注释掉就可以