javascript - 将纯文本链接转换为可点击链接

Question

长话短说，我有一个在 Wix.com 编辑器下制作的网站，几个月前就可以编码了。我已经设置了一个自定义评论框，因此用户可以发表他们的评论，并阅读其他人的评论。

现在的问题是，“评论输入”采用纯文本，无论何时发布链接，它都显示为纯文本，没有颜色，没有可点击性。

我想要一个“读取”评论列表的代码，并转换以“https”或“http”或“www”开头的每个文本...橙色且可点击(在新选项卡中打开)

有什么解决办法吗？

谢谢!

我试过很多东西，比如:

$w('#text95').html = 
       (/((http:|https:)[^\s]+[\w])/g, '<a href="$1" target="_blank">$1</a>').replace;

text95 = 显示的评论(它是一个文本，它会为尽可能多的评论重复自身)

Answer 1

看起来你的替换语法是错误的。尝试这样的事情。我很确定这会奏效。

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;
}

---

调用方式:

$w('#text95').innerHTML = linkify($w('#text95').html);