您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
DedeCMS文章页怎么去img图片width和height属性的方法
恨松2023-09-17 16:00:36dedecms教程已有人查阅
导读使用DedeCMS后台发布文章的时候,在上传图片后,余斗发现生成文章后Dede会自动给这个图片加上width和height属性,如果这里不指定,那么值就为图片的原高宽。
使用DedeCMS后台发布文章的时候,在上传图片后,余斗发现生成文章后Dede会自动给这个图片加上width和height属性,如果这里不指定,那么值就为图片的原高宽。
虽然建议为图像指定 height 和 width 属性,这也是一个好习惯,因为设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。但是有了万能的css后,我们可以通过css来指定图片高宽,这样一来,直接出现在html的图片高和宽的style属性就显得很鸡肋了。
余斗今天就教大家如何去掉DedeCMS自动生成的这个烦人的图片width和height属性,我们要进行替换:
打开include/ arc.archives.class.php,查找代码:
代码注释:用replace函数来替换文章的style=""一段为空,但是考虑到余斗的博客中有的技术教程文章中会出现“style=”字符,不只有img标签中才有,所以传统的正则表达式(.*)会把所有的style属性都去掉,这里余斗更细分一下,直接精确到“width:”这里,基本就不会出错,而通配符(.*)则可以正确的匹配后面的内容,这样一来就完美实现了DedeCMS文章页去img图片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属性。
本文标签:
很赞哦! ()
相关文章
- dedecms文章页伪静态URL实现方法步骤教程
- 织梦dedecms文章页两次调用checkLogin问题的方法
- 在dedecms文章页中获取当前栏目字段如content字段
- 怎么修改dedecms文章页上一篇下一篇的字数
- 织梦dedecms文章页模板中两次调用checkLogin的解决方法
- 织梦dedecms文章页上一篇下一篇的文章标题字数修改方法
- 织梦dedecms文章页自动添加关键词内链锚文本的实现方法
- dedecms文章页加边框的css代码
- 织梦dedecms文章页怎么加百度谷歌搜索本篇文章的功能
- 织梦dedecms文章页默认title的修改方法
- 修改织梦dedecms文章页关键词内链显示样式修改
- 织梦dedecms文章页调用tag关键词的方法
随机图文
-
dedecms自带搜索实现全文检索的实例代码
Dedecms 5.5 5.6默认的模糊搜索只能根据网站文章的名称进行搜索,无法搜索到文章内部信息,下面讲一下如何让Dedecms自带搜索实现全文检索 -
dedecms织梦获取会员状态的方法代码示例
dedecms导航栏增加了会员状态信息代码,如:已登陆:显示:欢迎<会员名> 未登陆 显示: 请登录DEDE列表中实现 会员头像 名称 地址 等信息调用 -
织梦DEDECMS怎么统计当前栏目文档总数
SQL语句中,有统计的函数,我们可以通过在织梦中使用SQL语句统计的方法,在列表页内显示该栏目共有多少篇文章。这样做的好处是,有助于提升用户体验。 -
织梦模板用栏目页实现单页面的步骤教程
以下教程仅仅针对于代码号作品,其他模板请自行参考操作。登录系统后台----网站栏目管理---添加栏目,如”关于我们“:
留言与评论 (共有 条评论) |