如何用链接替换普通URL？

Question

我使用下面的函数来匹配给定文本中的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>"); 
}

Answer 1

首先，滚动自己的regexp来解析URL是一个糟糕的想法。您必须想象这是一个足够常见的问题，有人已经为它编写、调试和已测试了一个库，据区域资源中心说。URI是复杂的--查看Node.js中的URL解析代码和URI方案上的维基百科页面。

在解析URL时，有大量的边缘情况：国际域名、实际(.museum)与不存在(.etc) TLD、奇怪的标点符号(包括括号 )、URL末尾的标点符号、IPV6主机名等等。

我看过一吨 of 库，尽管有一些缺点，但还是有一些值得使用的地方：

• Soapbox的链接化已经做出了一些认真的努力，2015年6月的重大重构 删除jQuery依赖项也是如此。它还有与境内流离失所者网络有关的问题。
• AnchorMe是一个新来的声称速度更快和精简者。还有一些IDN问题。
• Autolinker.js列出了非常具体的特性(例如：“将正确处理HTML输入。该实用程序不会更改锚()标记中的href属性”)。当一个演示可供使用时，我会抛出一些测试。

我很快就取消了用于此任务的库：

• Django的urlize 没有正确处理某些TLDs (这是官方的有效TLDs列表 )。没有演示。
• 如果没有http://，，autolink js就不会检测到"www.google.com“，所以它不太适合在纯文本中自动连接”便携URL“(没有方案/协议)。
• 自2009年以来，本·阿尔曼联系就一直没有被维护过。

如果您坚持正则表达式，最全面的是来自组件的URL regexp，尽管它会错误地检测到一些不存在的双字母the。

Answer 2

用链接替换URL(回答一般问题)

问题中的正则表达式忽略了很多边缘情况。在检测URL时，最好使用专门的库来处理国际域名、新的TLDs (如.museum )、圆括号和URL内部和末尾的其他标点符号，以及许多其他边缘情况。有关其他一些问题的解释，请参阅Jeff的博客文章http://www.codinghorror.com/blog/2008/10/the-problem-with-urls.html。

对匹配库的最佳总结是在中

(截至2014年2月)

“使正则表达式替换多个匹配”(回答具体问题)

在正则表达式的末尾添加一个"g“以启用全局匹配：

/ig;

但这只解决了正则表达式只替换第一个匹配的问题。不要使用这段代码。

Answer 3

我对Travis的代码做了一些小小的修改(只是为了避免任何不必要的重声明--但它对我的需求非常有用，所以工作非常好！)：

function linkify(inputText) {
    var replacedText, replacePattern1, replacePattern2, replacePattern3;

    //URLs starting with http://, https://, or ftp://
    replacePattern1 = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
    replacedText = inputText.replace(replacePattern1, '<a href="$1" target="_blank">$1</a>');

    //URLs starting with "www." (without // before it, or it'd re-link the ones done above).
    replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
    replacedText = replacedText.replace(replacePattern2, '$1<a href="http://$2" target="_blank">$2</a>');

    //Change email addresses to mailto:: links.
    replacePattern3 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
    replacedText = replacedText.replace(replacePattern3, '<a href="mailto:$1">$1</a>');

    return replacedText;
}