<a href='...'> 的文本链接 // 仅限 JavaScript答案

【问题标题】：Text link to <a href='...'> // JavaScript only<a href='...'> 的文本链接 // 仅限 JavaScript
【发布时间】：2014-10-01 16:33:25
【问题描述】：

我有一些这样的文字：

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。网站 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 一个commodo consequat

但所有链接都处于非活动状态。所以我希望它们是可点击的。在 HTML 中它应该是这样的： <a href='http://itunes.apples.ru.com/app/forge-of-empires/id711455226'>Download on iTunes</a> ///app/ 之后的所有内容因链接而异。

另外，我不能使用任何符号，例如引号 "。只有单引号'。

【问题讨论】：

通过正则表达式......

标签： javascript ios hyperlink

【解决方案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

【讨论】：