Question

我正在与socketio进行聊天。每次发送消息时，我都会使用这个非常简单的jquery显示它：

            $('#try').prepend(my_message);

使用：

            <div id='try'></div>

我想要做的是查找发布的消息是否包含链接，如果是，则使其可点击。我需要找到http：//和www。

我发现了几个相关的问题，但没有一个问题给了我正在寻找的解决方案。

关于如何实现这一目标的任何想法？

Answer 1

您应该使用正则表达式将所有http / https链接替换为锚标记：

function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
}

有关详细信息，请查看How to replace plain URLs with links?和Coding Horror: The Problem with URLs。希望这会有所帮助。

Answer 2

为聊天中插入的每条新消息执行类似

的操作

var conversation = "This message contains a link to http://www.google.com "
                 + "and another to www.stackoverflow.com";

conversation = conversation.replace(/(www\..+?)(\s|$)/g, function(text, link) {
   return '<a href="http://'+ link +'">'+ link +'</a>';
})



/**
 *  output :
 *  This message contains a link to <a href="http://www.google.com">http:
 *  //www.google.com</a>and another to <a href="http://stackoverflow.com">   
 *  www.stackoverflow.com</a>
 */

然后将新消息重新附加到聊天中。

查找链接并使其可单击

2 个答案: