我正在使用下面的函数来匹配给定文本中的 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>");
}
首先，滚动您自己的正则表达式来解析 URL 是一个糟糕的主意。根据RFC，您必须想象这是一个足够普遍的问题，有人已经为它编写、调试和测试了一个库。URI 很复杂- 查看Node.js 中 URL 解析的代码和URI 方案的 Wikipedia 页面。
在解析 URL 时有很多边缘情况：国际域名、实际的 ( .museum) 与不存在的 ( .etc) TLD、奇怪的标点符号（包括括号）、URL 末尾的标点符号、IPV6 主机名等。
href锚 () 标签内的属性”）。当演示可用时，我将对其进行一些测试。我已迅速取消此任务资格的图书馆：
如果您坚持使用正则表达式，最全面的是来自 Component的URL regexp，尽管它会通过查看错误地检测到一些不存在的两字母 TLD。
问题中的正则表达式遗漏了很多边缘情况。检测 URL 时，最好使用专门的库来处理国际域名、新 TLD（如.museum、括号和 URL 内部和末尾的其他标点符号以及许多其他边缘情况）。有关其他一些问题的解释，请参阅 Jeff Atwood 的博客文章URL问题。
URL 匹配库的最佳摘要在Dan Dascalescu 的回答中
（截至 2014 年 2 月）
在正则表达式末尾添加“g”以启用全局匹配：
/ig;
但这只能解决正则表达式仅替换第一个匹配项的问题。不要使用该代码。
我对 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;
}
对Linkify()上面Travis 的代码做了一些优化。我还修复了一个错误，即无法匹配子域类型格式的电子邮件地址（即 example@domain.co.uk）。
此外，我将实现更改为String类的原型，以便可以像这样匹配项目：
var text = 'address@example.com';
text.linkify();
'http://stackoverflow.com/'.linkify();
无论如何，这是脚本：
if(!String.linkify) {
String.prototype.linkify = function() {
// http://, https://, ftp://
var urlPattern = /\b(?:https?|ftp):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*[a-z0-9-+&@#\/%=~_|]/gim;
// www. sans http:// or https://
var pseudoUrlPattern = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
// Email addresses
var emailAddressPattern = /[\w.]+@[a-zA-Z_-]+?(?:\.[a-zA-Z]{2,6})+/gim;
return this
.replace(urlPattern, '<a href="$&">$&</a>')
.replace(pseudoUrlPattern, '$1<a href="http://$2">$2</a>')
.replace(emailAddressPattern, '<a href="mailto:$&">$&</a>');
};
}
谢谢，这很有帮助。我还想要一些可以链接看起来像 URL 的东西——作为基本要求，它会链接类似于 www.yahoo.com 的东西，即使 http:// 协议前缀不存在。所以基本上，如果“www”。存在，它将链接它并假设它是 http://。我还希望电子邮件变成 mailto: 链接。示例：www.yahoo.com 将转换为 www.yahoo.com
这是我最终得到的代码（来自这个页面的代码和我在网上找到的其他东西的组合，以及我自己做的其他东西）：
function Linkify(inputText) {
//URLs starting with http://, https://, or ftp://
var replacePattern1 = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
var 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)
var replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
var replacedText = replacedText.replace(replacePattern2, '$1<a href="http://$2" target="_blank">$2</a>');
//Change email addresses to mailto:: links
var replacePattern3 = /(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})/gim;
var replacedText = replacedText.replace(replacePattern3, '<a href="mailto:$1">$1</a>');
return replacedText
}
在第二次替换中，(^|[^/]) 部分仅替换 www.whatever.com，如果它尚未以 // 为前缀，则避免在第一次替换中已链接 URL 时出现双重链接。此外，www.whatever.com 可能位于字符串的开头，这是正则表达式该部分中的第一个“或”条件。
这可以集成为一个 jQuery 插件，如上面的 Jesse P 所示——但我特别想要一个不作用于现有 DOM 元素的常规函数，因为我正在获取我拥有的文本，然后将其添加到 DOM，并且我希望在添加文本之前“链接”文本，因此我通过此函数传递文本。效果很好。