扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
使用DedeCMS后台发布文章的时候，在上传图片后，余斗发现生成文章后Dede会自动给这个图片加上width和height属性，如果这里不指定，那么值就为图片的原高宽。
虽然建议为图像指定 height 和 width 属性，这也是一个好习惯，因为设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。但是有了万能的css后，我们可以通过css来指定图片高宽，这样一来，直接出现在html的图片高和宽的style属性就显得很鸡肋了。
余斗今天就教大家如何去掉DedeCMS自动生成的这个烦人的图片width和height属性，我们要进行替换：
打开include/ arc.archives.class.php，查找代码：
//设置全局环境变量
$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');
在其下面填写：
//去掉img的width和height
$this->Fields['body'] = preg_replace("/style=\"width\:(.*)\"/","",$this->Fields['body']);
保存，重新生成文章(静态网站)，再查看源代码，我们会发现，自带的图片width和height属性 被成功的去掉了。
代码注释：用replace函数来替换文章的一段为空，但是考虑到余斗的博客中有的技术教程文章中会出现“style=”字符，不只有img标签中才有，所以传统的正则表达式(.*)会把所有的style属性都去掉，这里余斗更细分一下，直接精确到“width:”这里，基本就不会出错，而通配符(.*)则可以正确的匹配后面的内容，这样一来就完美实现了DedeCMS文章页去img图片width和height属性。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网