网页中显示文字时,带#开始和结束的文字蓝色高亮,就像微博话题一样
效果如下
html
<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量,这里只是个演示
js
parseComments (value) {
var exp
exp = /(#|#)((?!#).)*(#|#)/g // 这里中文#和英文#都会识别
value = value.replace(/<[^>]*?>(.*?)/gi, '').replace(/(.*?)<\/[^>]*?>/gi, '').replace(exp, (item) => {
let newVal = '<span class="text-blue">' + item + '</span>'
return newVal
})
return value
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。