欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > 织梦二开:dede图片标签替换img转img-mip及style取消处理
这篇文章主要为大家详细介绍了织梦二开:dede图片标签替换img转img-mip及style取消处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

mip是百度移动网页加速器,随着移动设备的大量应用,网站也走向了移动端,这个是时候我们就需要更多的了解mip。织梦模板今天要介绍的是织梦网站的mip改造过程中dede图片标签替换img转img-mip及style取消处理的方法。

修改方案

/include/extend.func.php里添加如下代码

底部增加代码即可

function mipBody($body)
{
    $body = str_replace(' style="white-space:pre"', '', $body);
    preg_match_all('/<img (.*?)\>/', $body, $images);
    if (!is_null($images)) {
        foreach ($images[1] as $index => $value) {
            $mip_img = str_replace('<img', '<mip-img', $images[0][$index]);
            $mip_img = str_replace('>', '></mip-img>', $mip_img);
            $mip_img = preg_replace('/(width|height)="\d*"\s/', '', $mip_img);
            $mip_img = preg_replace('/ style=\".*?\"/', '', $mip_img);
            $mip_img = preg_replace('/ class=\".*?\"/', '', $mip_img);
            $body = $content = str_replace($images[0][$index], $mip_img, $body);
        }
    }
    return $body;
}

在模板里面调用:

{dede:field name='body' function='mipBody(@me)'/}

再去看看页面源代码,是不是img标签变了?包括图片的大小属性也没有了,这样移动端可以做自适应图片大小了!你学会了吗?

以上就是织梦二开:dede图片标签替换img转img-mip及style取消处理的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 织梦二开 图片标签 img-mip

上一篇页面加载进度条加载完成后显示页面内容

下一篇css解决fixed布局不会出现滚动条的问题

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在