如何让link被识别

Question

我有这个 fiddle https://jsfiddle.net/kz935gge/5/，您可以在其中键入文本并像在聊天视图中一样显示它。

如果可能的话，我想让 links 得到认可。

例如，如果您键入 http://www.google.com ，您会看到无法识别 link。

function sendMessage()
{

    var myDate = new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "");
    var mm = document.getElementById("myMessage").value;
    var mainDiv = document.getElementById("mainblock");
    var para = document.createElement("p");
    var node = document.createTextNode(myDate+"(Me) :"+mm);
    para.appendChild(node);
    var element = document.createElement('div');
    element.appendChild(para);
    element.className = 'bubble bubble-alt yellow';
    mainDiv.appendChild(element);    
}

关于如何实现此目标的任何建议？

谢谢

Answer 1

使用正则表达式替换 links:

.replace(/((?:https?:\/\/|www)[^\s]+)/g,"<a href=''></a>")

此处更新：https://jsfiddle.net/kz935gge/10/

答案已更新以支持 https

想要更新此答案以提请注意 zzzzBov 的评论“这是一个非常幼稚的正则表达式，无法正确转义link 使其容易受到 XSS 攻击"

这只是一个起点，需要做更多的工作才能使其安全。

如何让link被识别

How to make link recognized

html

javascript