今天接到一个需求，要求在聊天窗口中，用户输入的文本内容，如果里面有超链接地址，就自动转换为a标签，让用户可以点击。
这个需求N年前做的sass项目就实现过，不过这次要求要把端口号也解析出来，例如http://localhost:3010/这样，趁机复习一下正则。
废话不多说，直接上代码
// 将文本中的url转化为超链接,包含端口
export const handleTextUrl = text => {
let result = text || ''
let reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-|:)+)/g
if (result) {
result = text.replace(reg, '<a href="$1$2" target="_blank">$1$2</a>')
}
return result
}
// handleTextUrl('测试一个地址：http://wiki.kaikeba.cn/pages/viewpage.action?pageId=24184041')
// handleTextUrl('http://localhost:3010/')