信息化建设经验:0| 品牌商家:0+家| 服务网店:0+家| 服务门店:0+家| 服务热线:18263021165
微信分销系统

公司动态

热门搜索: 微商  公众号  社区团购  系统商城  百度优化  山东APP 开发

您的位置:华企网络科技 > 商学院 > 微商资讯 >

织梦后台文章页去img图片width和height属性办法

小编:客必聚系统开发2020-01-09 12:16
点击次数:
  使用织梦DedeCMS后台发布文章的时候,在上传图片后,余斗发现生成文章后Dede会自动给这个图片加上width和height属性,如果这里不指定,那么值就为图片的原高宽。
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属性。


《华企网络科技商城提醒》除非特别想去掉自动还原图片尺寸,建议是不去掉,还可以随意设置尺寸,也不算麻烦! 但是也要注意手机端文章图片是否也是自适应的,如果不是可以单独设置img的css样式。

客必聚(www.kebijv.com)是国内知名商城系统及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统社区团购微信分销系统小程序商城、商城系统等多端商城网站建设解决方案。
本文标签:
申明:本网站部分文章和图片来源网络编辑,如有侵权及时沟通删除,客必聚电商原创文章,转载请注明来源。

行业资讯

热门话题

产品推荐

    点击量

    近期累计收到的点击总数

    2564558+

    分销在于模式,成功在于稳定的系统—— 华企网络科技


    全网领先分销商城系统开发商

    • 顶层模式设计专家

    • +

      下载量

    • +

      客户量

    • 0+

      营业额过亿