文本链接到 <a href='...'> // 仅 JavaScript

Question

我有一些这样的文字：

Lorem ipsum dolor sat amet，consectetur adipisicing elit，sed do eiusmod tempor incididunt ut laboure et dolore Magna aliqua。网站 Ut enim ad minim veniam, quis nostrud 实习 ullamco labouris nisi ut aliquip ex ea commodo consequat itunes.apples.ru.com/app/forge-of-empires/id711455226 ipsum dolor sat amet，consectetur adipisicing elit，sed do eiusmod tempor incididunt ut laboure et dolore magna aliqua。 site.com Ut enim 广告最小 veniam，quis nostrud 实习 ullamco Laboris nisi ut aliquip ex ea Commodo consequat

但所有链接均无效。所以我希望它们是可点击的。在 HTML 中，它应该如下所示：

<a href='http://itunes.apples.ru.com/app/forge-of-empires/id711455226'>Download on iTunes</a>

///app/ 之后的所有内容根据链接而变化。

此外，我不能使用引号

"

等任何符号。仅单引号

'

.

Answer 1

我希望这可以帮助你，使用单引号作为锚链接

HTML 标记

 <h2>Plain Content</h2> <div id="before">Find me at
 http://gmkhussain.github.io/ and also at
 https://linkedin.com/in/gmkhussain</div>

 <h2>URLify</h2> <div id="after"></div>

Javascript

function urlifyFn(text) {
    var urlRegex = /(https?:\/\/[^\s]+)/g;
    return text.replace(urlRegex, function(url) {
        return "<a href='" + url + "'>" + url + "</a>";
    })
    // or alternatively
    // return text.replace(urlRegex, '<a href="$1">$1</a>')
}

var text = document.getElementById("before").innerHTML;
var html = urlifyFn(text);

document.getElementById("after").innerHTML = html;

参见链接：https://codepen.io/gmkhussain/pen/jgMZJO

Answer 2

let string = "your_text";
string = text.replace(regExp, (url) => "<a href='" + url + "'>" + url + "</a>");

尝试上述解决方案。它将用锚标记替换字符串中的所有 URL