显示超链接（如果适用）

Question

我需要一种显示超链接（如果它存在于字符串中）的方法。因此，对于下面的示例，我需要https://thegameawards.com/awards/才能显示为可点击的链接，我该如何在JavaScript中进行操作？

VOTE HERE: https://thegameawards.com/awards/

Answer 1

这是一个笨拙的正则表达式，有点用。我不确定为什么它不能在StackOverflow片段中运行。

这是一个实时示例：https://lab-bhcdchzwld.now.sh

let el = document.querySelector('#parse');
if (!el) return;

let regex = /http\S*/gm;
let str = el.innerHTML;

if (!str) return;

let m = regex.exec(str);
let url = m ? m[0] : null;

if (!url) return;

el.innerHTML = str.replace(url, `<a href="${url}">${url}</a>`);

<p id="parse">this is a url https://subterrane.com/ meow</p>