Javascript 将纯文本URL转换为可单击链接

我有一个正在制作的应用程序，希望看到类似于Microsoft Word的功能，如果您从http://或www.开始，然后以

.tld

结束URL，然后点击空格或回车，Word将把文本转换为可点击的链接。我希望在发布链接时也会发生同样的情况

下面是我正在寻找的GIF：

（我没有10个代表分数）

我更喜欢JS或任何非服务器端脚本。

var模式=/https？：\/\/（www\）？[-a-zA-Z0-9:%.\+~\=]{2256}\.[a-z]{2,4}\b（[-a-zA-Z0-9:%.\+.~\\+&/=]*）/g；
var button=document.querySelector（'button'）；
addEventListener（'click'，function（）{
var text=document.querySelector（'#text'）.value；
var output=document.querySelector（“#output”）；
if（模式测试（文本））{
output.innerHTML+='
'；
}否则{
output.innerHTML+=text+“
”；
}
});
p，文本区域，按钮{
显示：块；
}

提交
检查此项目-是否有可以共享的起始代码片段？