美文网首页
聊天内容识别超链接和文本

聊天内容识别超链接和文本

作者: 晓妆初了明肌雪 | 来源:发表于2021-09-14 15:59 被阅读0次

最近做聊天室项目,要求对话或自己发的一句话中识别文本和超链接,链接可点击跳转。

思路:

        ①正则表达式匹配http或者https;

        ②若匹配成功则利用replace方法替换生成a标签。

但是调试时发现其实很多用户都习惯写链接以‘www.’开头,如果有这种情况下,直接点击a标签会默认为当前localhost地址,跳转有问题。所以还需要加一层逻辑判断,如果是该种情况需要前面拼接‘http://’。

具体代码:

正则表达式

   

完整代码

效果图:

    

数字+链接 数字+链接+数字  文本+链接+文本+链接 链接+文本+链接

注意:

        超链接后面如果需要跟文本格式的数字时需要空格,不然会识别为超链接的一部分。

相关文章

网友评论

      本文标题:聊天内容识别超链接和文本

      本文链接:https://www.haomeiwen.com/subject/dhvcgltx.html