我正在使用下面的函数来匹配给定文本中的url，并将它们替换为HTML链接。正则表达式工作得很好，但目前我只替换了第一个匹配。
我怎么能替换所有的URL?我想我应该使用exec命令，但我真的不知道如何做到这一点。
function replaceURLWithHTMLLinks(text) {
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/i;
return text.replace(exp,"<a href='$1'>$1</a>");
}
当前回答
试试下面的函数:
function anchorify(text){
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var text1=text.replace(exp, "<a href='$1'>$1</a>");
var exp2 =/(^|[^\/])(www\.[\S]+(\b|$))/gim;
return text1.replace(exp2, '$1<a target="_blank" href="http://$2">$2</a>');
}
alert（anchorify（“Hola amigo！https://www.sharda.ac.in/academics/“））;
其他回答
/**
* Convert URLs in a string to anchor buttons
* @param {!string} string
* @returns {!string}
*/
function URLify(string){
var urls = string.match(/(((ftp|https?):\/\/)[\-\w@:%_\+.~#?,&\/\/=]+)/g);
if (urls) {
urls.forEach(function (url) {
string = string.replace(url, '<a target="_blank" href="' + url + '">' + url + "</a>");
});
}
return string.replace("(", "<br/>(");
}
简单的例子
用链接替换url(一般问题的答案)
问题中的正则表达式漏掉了很多边缘情况。在检测URL时，最好使用专门的库来处理国际域名、新顶级域名(如.museum)、括号和URL内部和末尾的其他标点符号，以及许多其他边缘情况。有关其他问题的解释，请参阅Jeff Atwood的博客文章the Problem With url。
Dan Dascalescu的回答是URL匹配库的最佳总结 (截至2014年2月)
“使正则表达式替换多个匹配”(具体问题的回答)
在正则表达式的末尾添加一个“g”来启用全局匹配:
/ig;
但这只修复了正则表达式只替换第一个匹配的问题。不要使用那个代码。
如果你需要显示更短的链接(仅域)，但具有相同的长URL，你可以尝试我对Sam Hasler的代码版本上面发布的修改
function replaceURLWithHTMLLinks(text) {
var exp = /(\b(https?|ftp|file):\/\/([-A-Z0-9+&@#%?=~_|!:,.;]*)([-A-Z0-9+&@#%?\/=~_|!:,.;]*)[-A-Z0-9+&@#\/%=~_|])/ig;
return text.replace(exp, "<a href='$1' target='_blank'>$3</a>");
}
试试下面的函数:
function anchorify(text){
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var text1=text.replace(exp, "<a href='$1'>$1</a>");
var exp2 =/(^|[^\/])(www\.[\S]+(\b|$))/gim;
return text1.replace(exp2, '$1<a target="_blank" href="http://$2">$2</a>');
}
alert（anchorify（“Hola amigo！https://www.sharda.ac.in/academics/“））;
我在谷歌上搜索了最新的消息，发现了这个:
$('p').each(function(){
$(this).html( $(this).html().replace(/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g, '<a href="$1">$1</a> ') );
});
演示:http://jsfiddle.net/kachibito/hEgvc/1/
工作真的很好，正常的链接。
