通过百度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;"
}];
如上图,打开并找到第279行,将以下代码删除或注释:
1 |
|
如此,即可解决设置图片时自动添加style的问题,也就解决了自适应问题。
参考:
http://www.capjsj.cn/jjsybdueditorbjqhyddtpblswt.html
https://blog.csdn.net/xm393392625/article/details/88217958