查找并转换所有字符串以http& https并转换为链接

时间:2012-09-07 12:22:58

标签: javascript jquery html

是否可以找到所有字符串以http& amp; https在段落中并使用jquery转换为链接?

我的网站上有我的twitt列表,所有行都以http& https显示为普通字符串[text]。我想将它们转换为超链接。这可以用javascript,jQuery。

3 个答案:

答案 0 :(得分:3)

以下是检查字符串中的网址并将其转换为链接的代码。这将检测以WWW开头的链接。希望这会有所帮助。

function Checkurl(text) {
        var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
        url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g;

        var html = $.trim(text);
        if (html) {
            html = html
                .replace(url1, '$1<a style="color:blue; text-decoration:underline;" target="_blank"  href="http://$2">$2</a>$3')
                .replace(url2, '$1<a style="color:blue; text-decoration:underline;" target="_blank"  href="$2">$2</a>$5');
        }
        return html;
    }

答案 1 :(得分:1)

这样的东西?

$(document).ready(function() {
   var linkable_content = $('div#linkable').html().replace(/(https?:\/\/[^ ;|\\*'"!,()<>]+\/?)/g,'<a href="$1">$1</a>');
    $('div#linkable').html(linkable_content);
});

来源:http://tangible.ca/articles/44/snippet-jquery-linkifier

答案 2 :(得分:0)

jQuery WikiText Plugin中的以下效用函数将起作用:

function findUrls( text )
{
    var source = (text || '').toString();
    var urlArray = [];
    var url;
    var matchArray;

    // Regular expression to find FTP, HTTP(S) and email URLs.
    var regexToken = /(((ftp|https?):\/\/)[\-\w@:%_\+.~#?,&\/\/=]+)|((mailto:)?[_.\w-]+@([\w][\w\-]+\.)+[a-zA-Z]{2,3})/g;

    // Iterate through any URLs in the text.
    while( (matchArray = regexToken.exec( source )) !== null )
    {
        var token = matchArray[0];
        urlArray.push( token );
    }

    return urlArray;
}

JSFiddle Here

我希望这有帮助!