DedeCMS文章页去img图片width和height属性

简介:

使用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=""一段为空,但是考虑到余斗的博客中有的技术教程文章中会出现“style=”字符,不只有img标签中才有,所以传统的正则表达式(.*)会把所有的style属性都去掉,这里余斗更细分一下,直接精确到“width:”这里,基本就不会出错,而通配符(.*)则可以正确的匹配后面的内容,这样一来就完美实现了DedeCMS文章页去img图片width和height属性。




本文转自 gutaotao1989 51CTO博客,原文链接:http://blog.51cto.com/taoyouth/1812705
相关文章
|
7月前
|
UED 开发者 容器
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
52 2
|
7月前
|
XML 存储 编解码
svg的viewBox、width和height的设置说明
svg的是没有边界的,svg画布只是用于展示svg世界中某一个范围的内容,而对于超过了svg画布范围的内容,则会被遮挡。默认svg画布默认显示世界坐标下原点坐标的width*height面积的矩形视野。
|
移动开发 前端开发
h5 video以及img控件加上border显示不全的解决方案!
h5 video以及img控件加上border显示不全的解决方案!
290 0
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
716 0
html+css实战94-内容width和height
html+css实战94-内容width和height
105 0
html+css实战94-内容width和height
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
|
数据采集 前端开发 JavaScript
|
前端开发
CSS中使用background:url(地址)显示,但是background-image:url(地址)不显示的原因
CSS中使用background:url(地址)显示,但是background-image:url(地址)不显示的原因
784 0
|
程序员
好程序员分享该如何选择background-image和img标签
  好程序员分享该如何选择background-image和img标签,用img标签  如果你希望别人打印页面时候包含这张图片请使用img标签  当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。
6814 0
|
Web App开发 前端开发 Android开发

热门文章

最新文章