vue 网页文字中带#的话题颜色高亮

Caicloud 发布于2019-08-23 12:40 / 2663人阅读

摘要：网页中显示文字时，带开始和结束的文字蓝色高亮，就像微博话题一样效果如下吃货节有什么好吃的方法里面可以是变量，这里只是个演示这里中文和英文都会识别

网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样
效果如下

html

 // 方法里面可以是变量，这里只是个演示

parseComments (value) {
     var exp
     exp = /(#|＃)((?!#).)*(#|＃)/g // 这里中文#和英文#都会识别
     value = value.replace(/<[^>]*?>(.*?)/gi, "").replace(/(.*?)]*?>/gi, "").replace(exp, (item) => {
       let newVal = "" + item + ""
       return newVal
    })
     return value
  }

GPU云服务器云服务器 html的网页颜色文字颜色 html替换文字颜色 html调节文字颜色

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98924.html

用vue2.6实现一个抖音很火的【时间轮盘】屏保小DEMO

摘要：代码如下转动然后通过具体的秒分小时上下午星期日期月值转动，来控制角度，而且当前值进行文字高亮。写在前面：前段时间看抖音，有人用时间轮盘作为动态的桌面壁纸，一时间成为全网最火的电脑屏保，后来小米等运用市场也出现了【时间轮盘】，有点像五行八卦，感觉很好玩，于是突发奇想，自己写一个网页版小DEMO玩玩，先看看效果：在线体验showImg(https://user-gold-cdn.xitu.io...

wind5o 2019-05-23 17:33 评论0 收藏0
写网页时拿起就用的小技巧

摘要：允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing：允许以特定的方式去定义匹配某个区域的特定元素。 content-box：在规定一个框的宽高之外给这个框加内边距和边框。 border-box：（textarea和select默认值）在规定的一个框的宽高之内给这...

econi 2019-08-20 18:21 评论0 收藏0
写网页时拿起就用的小技巧

摘要：允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing：允许以特定的方式去定义匹配某个区域的特定元素。 content-box：在规定一个框的宽高之外给这个框加内边距和边框。 border-box：（textarea和select默认值）在规定的一个框的宽高之内给这...

rubyshen 2019-08-29 13:03 评论0 收藏0
写网页时拿起就用的小技巧

摘要：允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing：允许以特定的方式去定义匹配某个区域的特定元素。 content-box：在规定一个框的宽高之外给这个框加内边距和边框。 border-box：（textarea和select默认值）在规定的一个框的宽高之内给这...

QiShare 2019-08-01 17:16 评论0 收藏0