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

效果图

织梦文档内容图片自动添加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,改成自己的

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

第二种实现方法,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.heiqu.com/zyxsgp.html