织梦CMS去除img中style width height属性操作教程

今天在为客户处理网站遇到图片无法自适应的问题,原因是织梦的编辑器在上传图片时,会自动加上style属性,因此,在保存文章时,我们需要先清除掉这些属性。使用dedecms后台发布文章的时候,在上传图片后,余斗发现生成文章后Dede会自动给这个图片加上width和height属性,如果这里不指定,那么值就为图片的原高宽。虽然建议为图像指定 height 和 width 属性,这也是一个好习惯,因为设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。但是有了万能的CSS后,我们可以通过CSS来指定图片高宽,这样一来,直接出现在html的图片高和宽的style属性就显得很鸡肋了。

今天就教大家如何去掉dedecms自动生成的这个烦人的图片width和height属性,我们要进行替换:

方法一:(亲测有效)

打开include/ arc.archives.class.php,查找代码:

  1. //设置全局环境变量
  2. $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
  3. @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');

在其下面填写:

  1. //去掉img的width和height
  2. $this->Fields['body'] = preg_replace("/style="width:(.*)"/","",$this->Fields['body']);

保存,重新生成文章(静态网站),再查看源代码,我们会发现,自带的图片width和height属性 被成功的去掉了。

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

 

织梦CMS去除img中style width height属性操作教程

 

 

还有一种方法:(没测试~)

dede/article_add.php中搜索如下代码:

  1. $body = AnalyseHTMLBody($body,$description,$litpic,$keywords,'htmltext');

在这句代码的下面插入如下代码:

  1. //去除img中的style属性 //去除img中的width,height属性   
  2. $body = preg_replace("/style=\.+?['|"]/i",'',$body);  
  3. $exp=Array("/height=.{0,5}s/i","/width=.{0,5}s/i");   
  4. $exp_o=Array('',''); $body = preg_replace($exp,$exp_o,$body);  

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 织梦二开 织梦CMS去除img中style width height属性操作教程 https://www.mbxzb.com/blog/file/dedecms/854.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务