5

URL リンクを含むテキストがある状況があります。リンクには 2 つの形式があります

  1. www.stackoverflow.com
  2. <a href="http://www.stackoverflow.com">スタック オーバー フロー</a>

タイプ1のすべてのリンクをA HREFタグでラップする正規表現を使用する単純な関数を作成しようとしていますが、他のリンクはすでにラップされたままにしています。

私はこのようなものを持っていますが、成功していません。

function replaceURLWithHTMLLinks(text) {
    var exp = /(<(\s*)a(\s)*href.*>.*<\/(\s)*a(\s*)>)/ig;
    var matches = exp.exec(text);
    for(var i=0; i < matches.length; i++) {
        var line = matches[i];
        if(!exp.test(line)) {
            var exp2 = /(\b(?:(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)[-A-Z0-9+&@#\/%?=~_|$!:,.;]*[-A-Z0-9+&@#\/%=~_|$])|”(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)[^"\r\n]+”?|’(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)[^'\r\n]+’?)/ig;
            text = text.replace("http://","");
                text = text.replace(exp2, "<a href=http://$1>$1</a>");
        }
    }

    return text;
}

それは機能していませんが、誰かがそれを修正できることを願っています:)

編集

@MikeMの回答の助けを借りて、それを修正したソリューション

function replaceLinksSO(text) {
    rex = /(<a href=")?(?:https?:\/\/)?(?:(?:www)[-A-Za-z0-9+&@#\/%?=~_|$!:,.;]+\.)+[-A-Za-z0-9+&@#\/%?=~_|$!:,.;]+/ig;   
    return text.replace(rex, function ( $0, $1 ) {
        if(/^https?:\/\/.+/i.test($0)) {
            return $1 ? $0: '<a href="'+$0+'">'+$0+'</a>';
        }
        else {
            return $1 ? $0: '<a href="http://'+$0+'">'+$0+'</a>';
        }
    });
}
4

2 に答える 2

5

上記の複雑な正規表現と関数を分析しようとせずに、おもちゃの URL マッチング パターンを使用してそのような置換を行う方法を示す実装例を次に示します。

var str = ' www.stackoverflow.com  <a href="http://www.somesite.com">somesite</a> www.othersite.org '
    rex = /(<a href=")?(?:https?:\/\/)?(?:\w+\.)+\w+/g;    

str = str.replace( rex, function ( $0, $1 ) {
    return $1 ? $0 : '<a href="' + $0 + '">' + $0 + '</a>';
});

URL マッチング パターンを変更し、\s*必要に応じて挿入することができます。

于 2013-02-21T10:38:35.813 に答える