您当前的位置：主页 > 教程合集 > DedeCMS > 网站首页DedeCMS
DedeCMS文章页去img图片width和height属性
发布时间：2016-01-28 14:51:54编辑：余斗阅读：(0)字号： 大 中 小
使用DedeCMS后台发布文章的时候，在上传图片后，余斗发现生成文章后Dede会自动给这个图片加上width和height属性，如果这里不指定，那么值就为图片的原高宽，如下图：
虽然建议为图像指定 height 和 width 属性，这也是一个好习惯，因为设置了这些属性，就可以在页面加载时为图像预留空间。如果没有这些属性，浏览器就无法了解图像的尺寸，也就无法为图像保留合适的空间，因此当图像加载时，页面的布局就会发生变化。但是有了万能的css后，我们可以通过css来指定图片高宽，这样一来，直接出现在html的图片高和宽的style属性就显得很鸡肋了。
余斗今天就教大家如何去掉DedeCMS自动生成的这个烦人的图片width和height属性，在前面的教程中，余斗介绍过DedeCMS为文章图片自动添加ALT属性为标题，与这篇文章的原理相同，我们同样要进行替换：
打开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=""一段为空，但是考虑到余斗的博客中有的技术教程文章中会出现“style=”字符，不只有img标签中才有，所以传统的正则表达式(.*)会把所有的style属性都去掉，这里余斗更细分一下，直接精确到“width:”这里，基本就不会出错，而通配符(.*)则可以正确的匹配后面的内容，这样一来就完美实现了DedeCMS文章页去img图片width和height属性。
- 转载请注明：DedeCMS文章页去img图片width和height属性
- 版权声明：本站原创文章，由余斗余斗发表在DedeCMS分类下，于2016-01-28最后更新