專注互聯網營銷推廣
服務熱線:0577-86997785

織夢DedeCMS刪除img圖片width和height屬性的方法

原創2019-04-04 12:02溫州做網站
織夢DedeCMS在文章頁中默認添加img圖片的style屬性,平時使用沒有什么問題,一旦前端模板是自適應,就會影響圖片在移動端顯示,今天教大家織夢DedeCMS刪除img圖片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']);

保存,然后覆蓋文件,去后臺重新生成文章(靜態網站),再查看源代碼,我們發現,圖片style屬性已經被成功刪除,移動端打開圖片也不會出現變形的問題。
雖然網站優化時建議為圖片指定width和height屬性,設置了style屬性,就可以在頁面加載時為圖片預留空間。如果沒有這些屬性,瀏覽器就無法了解圖像的尺寸,也就無法為圖像保留合適的空間,因此當圖像加載時,頁面的布局就會發生變化。但是有了萬能的css后,我們可以通過css來指定圖片高寬,這樣一來,直接出現在html的圖片高和寬的style屬性就顯得很雞肋了。
代碼解釋:用replace函數來替換文章的style=""一段為空,但是考慮到有的文章中會出現“style=”字符,不只有img標簽中才有,所以傳統的正則表達式(.*)會把所有的style屬性都去掉,直接定位到“width:”這里,基本就不會出錯,而通配符(.*)則可以正確的匹配后面的內容,這樣一來就完美實現了DedeCMS文章頁去img圖片width和height屬性。
服務熱線:0577-86997785 移動電話:131-5770-6995 公司地址:浙江省溫州經濟技術開發區濱海園區海匯中心3幢802

版權所有 ? 2010-2020 溫州極禾科技有限公司ICP備案:浙ICP備18046138號-2

在線客服
高清av电影