如何添加rel =" nofollow"使用javascript与我的域名无关的所有外部链接?

时间:2016-06-16 13:36:51

标签: javascript regex anchor nofollow

我有以下带有三个链接的html字符串:

var html = '
   <a href="http://www.example.com/help">Go to help page</a>
   <a href="http://blog.example.com">Go to blog page</a>
   <a href="https://google.com">Go google</a>
';

我的域名是example.com。从上面的代码中可以看出,有两个内部链接和一个外部链接。

我需要写&#34;魔法&#34;将rel="nofollow"属性添加到所有外部链接(不是内部链接)的函数。所以我需要得到以下结果:

var html = '
   <a href="http://www.example.com/help">Go to help page</a>
   <a href="http://blog.example.com">Go to blog page</a>
   <a href="https://google.com" rel="nofollow">Go google</a>
';

我试图写这个功能,这是我当时的:

function addNoFollowsToExternal(html) {
  // List of allowed domains
  var whiteList = ['example.com', 'blog.example.com'];

  // Regular expression
  var str = '(<a\s*(?!.*\brel=)[^>]*)(href="/https?://)((?!(?:(?:www\.)?' + whiteList.join(',') + '))[^"]+)"((?!.*\brel=)[^>]*)(?:[^>]*)>',

  // execute regexp and return result
  return html.replace(new RegExp(str, 'igm'), '$1$2$3"$4 rel="nofollow">');
}

不幸的是我的正则表达式看起来不起作用。执行addNoFollowsToExternal(html) rel="nofollow"后,不要将href="https://google.com"

添加到外部链接

请帮我修复正则表达式来解决我的任务。

2 个答案:

答案 0 :(得分:4)

您的RegEx存在一些小错误。这是一个更正版本:

function addNoFollowsToExternal(html){
    var whiteList = ['([^/]+\.)?example.com'];
    var str = '(<a\s*(?!.*\brel=)[^>]*)(href="https?://)((?!(?:' + whiteList.join('|') + '))[^"]+)"((?!.*\brel=)[^>]*)(?:[^>]*)>';

    return html.replace(new RegExp(str, 'igm'), '$1$2$3"$4 rel="nofollow">');
}

答案 1 :(得分:0)

您还可以使用下面的功能

private function _txt2link($text){

         $regex = '/'
          . '(?<!\S)'
          . '(((ftp|https?)?:?)\/\/|www\.)'
          . '(\S+?)'
          . '(?=$|\s|[,]|\.\W|\.$)'
          . '/m';

        return preg_replace_callback($regex, function($match)
        {
            return '<a'
              . ' target="_blank"'
              . ' rel="nofollow"'
              . ' href="' . $match[0] . '">'
              . $match[0]
              . '</a><br/>';
        }, $text);
    }