javascript - 如何用链接替换普通 URL？

Question

我使用下面的函数来匹配给定文本中的 URL 并将其替换为 HTML 链接。正则表达式运行良好，但目前我只替换第一个匹配项。

如何替换所有网址？我想我应该使用 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

首先，使用您自己的正则表达式来解析 URL 是一个糟糕的想法。您必须想象这是一个足够常见的问题，有人已经编写、调试过并 tested根据 the RFCs 的一个库。 URI 很复杂 - 查看 code for URL parsing in Node.js以及维基百科页面 URI schemes .

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

我看过a ton的libraries ，尽管有一些缺点，但还是有一些值得使用的:

• 肥皂盒的linkify已经付出了一些认真的努力，并且 a major refactor in June 2015 removed the jQuery dependency 。它仍然有issues with IDNs .
• AnchorMe是个新人claims to be faster和更瘦。一些IDN issues也是如此。
• Autolinker.js非常具体地列出功能(例如“将正确处理 HTML 输入。该实用程序不会更改 anchor () 标记内的 href 属性”)。当 demo becomes available 时，我会对它进行一些测试。 .

我很快就取消了执行此任务资格的图书馆:

• Django 的 urlize didn't handle certain TLDs properly (这里是官方list of valid TLDs。No demo。
• autolink-js如果没有 http://，则无法检测“www.google.com”，因此它不太适合自动链接纯文本中的“临时网址”(没有方案/协议(protocol))。
• Ben Alman's linkify自 2009 年以来就没有维护过。

如果你坚持使用正则表达式，最全面的是 URL regexp from Component ，尽管它会通过查看它来错误地检测到一些不存在的两字母 TLD。