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

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

思路:

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

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

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

具体代码:

正则表达式

   

完整代码

效果图:

    

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

注意:

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容