您当前的位置:主页 > 教程合集 > DedeCMS网站利发国际DedeCMS

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

发布时间:2016-01-28编辑:余斗阅读:(0)字号:
    使用DedeCMS后台发布文章的时候,在上传图片后,余斗发现生成文章后Dede会自动给这个图片加上width和height属性,如果这里不指定,那么值就为图片的原高宽,如下图: DedeCMS文章页去img图片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属性 被成功的去掉了。 DedeCMS文章页去img图片width和height属性 代码注释用replace函数来替换文章的style=""一段为空,但是考虑到余斗的博客中有的技术教程文章中会出现“style=”字符,不只有img标签中才有,所以传统的正则表达式(.*)会把所有的style属性都去掉,这里余斗更细分一下,直接精确到“width:”这里,基本就不会出错,而通配符(.*)则可以正确的匹配后面的内容,这样一来就完美实现了DedeCMS文章页去img图片width和height属性。
关键字词DedeCMS img属性
余斗余斗
  1. 转载请注明: DedeCMS文章页去img图片width和height属性_余斗余斗_利发国际
  2. 版权声明: 本站原创文章,由 发表在 DedeCMS 分类下,于2016-01-28最后更新
DedeCMS利发国际、列表页和文章页的全局Tags列表调用
DedeCMS去面包屑导航中最后一个连接符
手机扫一扫 随身带着看

利发国际

百度360搜索搜狗搜索