通过百度UEditor编辑器设置图片的描述时,会自动添加width、height、border、vspace以及style属性,style属性中也包含width与height,也就是编辑器同时设置了两组宽高。而我们要做到的是使UEditor编辑器设置图片宽高时,不添加style属性。如果添加了style属性,图片在手机端网页显示时,就会被拉长。所以,要去除。
修改办法如下:
在服务器中打开/ueditor/ueditor/dialogs/image,找到image.js文件,打开编辑:
getInsertList: function () { var data = this.getData(); if(data['url']) { return [{ src: data['url'], _src: data['url'], width: data['width'] || '', height: data['height'] || '', border: data['border'] || '', floatStyle: data['align'] || '', vspace: data['vhSpace'] || '', title: data['title'] || '', alt: data['title'] || '', style: "width:" + data['width'] + "px;height:" + data['height'] + "px;" }];
如上图找到最后一行,将以下代码删除或注释:
style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"如此,即可解决设置图片时自动添加style的问题,也就解决了自适应问题。
猜你喜欢