当前位置：网站首页>DEDECMS织梦文章内容里图片自动添加a链接点击新窗口打开图片

DEDECMS织梦文章内容里图片自动添加a链接点击新窗口打开图片

2022-07-20 19:40:00 【米米素材网】

织梦文章内容图片没整之前

织梦文章内容图片自动添加a链接点击新窗口打开图片之后

第一种实现方法，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

1、在 /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;
}

2、把内容模板里的调用内容的标签

{dede:field.body/}

改成

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

完成

原网站

版权声明
本文为[米米素材网]所创，转载请带上原文链接，感谢
https://cloud.tencent.com/developer/article/2053140

边栏推荐

猜你喜欢

随机推荐