织梦CMS文档内容中图片自动添加A链接新窗口打开

原创 新起点博客  2022-05-19 10:05 
【上云必备】上云仅?102/年

使用织梦CMS的小伙伴们都知道,有的时候我们想把图片点后自动打开新窗口,如何来操作的?下面CMS教程网总结的两点内容分享给大家。

一、方法一利用jquery

<script type="text/javascript">
    $(function() {
        $('.show-article img').each(function(i){
            if (!this.parentNode.href) {
                $(this).wrap("<a href='"+this.src+"' target='_blank'></a>");
            }
        });
    });
</script>

注意:
1、前提是你当前页面有jquery库
2、你的文档内容外围div里的class或者id,改成自己的

二、方法儿利用PHP实现

打开/include/extend.func.php文件
在最下面加入

/**
 *  文档内容图片自动添加a链接新窗口打开图片
 *
 * @access    public
 * @param     string $body 内容
 * @return    string
 */
function setBodyimg($body)
{
    $matches = array();
    preg_match_all('/<img[^>]*src\s*=\s*([\'"]?)([^\'">]*)\1(.*?)>/isu', $body, $matches);
    $img_array = $matches[0];
    $src_array = $matches[2];
    foreach ($img_array as $key => $value)
    {
        $body = str_replace($value, "<a href='{$src_array[$key]}' target='_blank'>".$value."</a>", $body);
    }
    return $body;
}

然后内容模板里的调用内容的标签

{dede:field.body/}

修改为:

{dede:field.body function="setBodyimg(@me)"/}

 

本文地址:https://www.henenseo.com/archives/4353
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论

您必须 登录 才能发表留言!