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

Text link to <a href='...'> // JavaScript only

本文关键字：仅限 gt JavaScript 链接 lt 文本 href      更新时间：2023-09-26

我有这样的文本：

Lorem ipsum dolor坐amet，consectetur adipislicing elit，sed doeiusmod tempor incidiunt ut labore et dolore magna aliqua。site.com乌特·埃尼姆(Ut enim ad minim veniam(尼西公司itunes.apples.ru.com/app/forge of empires/id711455226ipsum dolor sit amet，consectetur adipiskicing elit，sed do eiusmod temporincidicount ut labore et dolore magna aliqua。site.com Ut enim广告最小化veniam，quis nostrud exercation ullamco labours nisi ut aliquip exea商品金桔

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

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

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

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

相关文章：