js提取文本内容中包含的网页链接

【js提取文本内容中包含的网页链接】最近在做一个基于vue的聊天页面
其中有个需求是这样的:提取回复中的网址,点击可以跳转到网址页面
接下来就是解决方法:
变量content 中装的就是回复内容
然后根据正则表达式筛选出网页地址部分,在此基础上加上a标签进行超链接
代码:
var content = ‘啊啊啊啊啊哈哈哈哈恩恩恩恩额https://www.csdn.net/么么么么么’;
if (content.length) {
var textR = content;
var reg = /(http://|https?/)((\w|=|?|.|/|&|-)+)/g;
content= textR.replace(reg, “$1$2”);
}
页面效果:
js提取文本内容中包含的网页链接
文章图片

点击超链接的效果:
js提取文本内容中包含的网页链接
文章图片

    推荐阅读