提问者:小点点

仅指向<a href='…'>//JavaScript的文本链接


我有一些短信是这样的:

Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eusmod tempor incidunt ut labore et dolore magna aliqua.iTunes.apples.ru.com/app/forge-of-empires/id711455226 ipsum dolor sit amet,consectetur adipisicing elit,sed do do eusmod tempor incidunt Ut labore et dolore magna aliqua.site.com Ut enim ad minim veniam,quis nostrud exeritation ullamco laboris nisi Ut aliquip ea commodo insulat

但所有链接都处于非活动状态。所以我希望它们是可点击的。在HTML中应该是这样的:在iTunes上下载///app/之后的所有内容都因链接而异。

此外,我不能使用任何符号,如引号。只能使用单引号'


共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