最近做聊天室项目,要求对话或自己发的一句话中识别文本和超链接,链接可点击跳转。
思路:
①正则表达式匹配http或者https;
②若匹配成功则利用replace方法替换生成a标签。
但是调试时发现其实很多用户都习惯写链接以‘www.’开头,如果有这种情况下,直接点击a标签会默认为当前localhost地址,跳转有问题。所以还需要加一层逻辑判断,如果是该种情况需要前面拼接‘http://’。
具体代码:
效果图:
注意:
超链接后面如果需要跟文本格式的数字时需要空格,不然会识别为超链接的一部分。