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

Question

我有一些类似这样的文本：

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. site.com Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat itunes.apples.ru.com/app/forge-of-empires/id711455226 ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. site.com Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

但是所有链接都是不可点击的。所以我希望它们可以被点击。在HTML中，它应该看起来像这样：<a href='http://itunes.apples.ru.com/app/forge-of-empires/id711455226'>在iTunes上下载</a>// /app/之后的所有内容取决于链接。

此外，不能使用任何引号符号"。只能使用单引号'。

- dvijok

---

遍历正则表达式... - Bhojendra Rauniyar

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

- GMKHussain