vue 網(wǎng)頁文字中帶#的話題顏色高亮

Caicloud 發(fā)布于2019-08-23 12:40 / 2681人閱讀

摘要：網(wǎng)頁中顯示文字時，帶開始和結(jié)束的文字藍(lán)色高亮，就像微博話題一樣效果如下吃貨節(jié)有什么好吃的方法里面可以是變量，這里只是個演示這里中文和英文都會識別

網(wǎng)頁中顯示文字時，帶#開始和結(jié)束的文字藍(lán)色高亮，就像微博話題一樣
效果如下

html

 // 方法里面可以是變量，這里只是個演示

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

云服務(wù)器 GPU云服務(wù)器 html的網(wǎng)頁顏色文字顏色 html替換文字顏色 html調(diào)節(jié)文字顏色

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/98924.html

相關(guān)文章

用vue2.6實現(xiàn)一個抖音很火的【時間輪盤】屏保小DEMO

摘要：代碼如下轉(zhuǎn)動然后通過具體的秒分小時上下午星期日期月值轉(zhuǎn)動，來控制角度，而且當(dāng)前值進(jìn)行文字高亮。寫在前面：前段時間看抖音，有人用時間輪盤作為動態(tài)的桌面壁紙，一時間成為全網(wǎng)最火的電腦屏保，后來小米等運用市場也出現(xiàn)了【時間輪盤】，有點像五行八卦，感覺很好玩，于是突發(fā)奇想，自己寫一個網(wǎng)頁版小DEMO玩玩，先看看效果：在線體驗showImg(https://user-gold-cdn.xitu.io...

wind5o 2019-05-23 17:33 評論0 收藏0
寫網(wǎng)頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區(qū)域的特定元素。在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。和默認(rèn)值在規(guī)定的一個框的寬高之內(nèi)給這個框加內(nèi)邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區(qū)域的特定元素。 content-box：在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。 border-box：（textarea和select默認(rèn)值）在規(guī)定的一個框的寬高之內(nèi)給這...

econi 2019-08-20 18:21 評論0 收藏0
寫網(wǎng)頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區(qū)域的特定元素。在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。和默認(rèn)值在規(guī)定的一個框的寬高之內(nèi)給這個框加內(nèi)邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區(qū)域的特定元素。 content-box：在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。 border-box：（textarea和select默認(rèn)值）在規(guī)定的一個框的寬高之內(nèi)給這...

rubyshen 2019-08-29 13:03 評論0 收藏0
寫網(wǎng)頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區(qū)域的特定元素。在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。和默認(rèn)值在規(guī)定的一個框的寬高之內(nèi)給這個框加內(nèi)邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區(qū)域的特定元素。 content-box：在規(guī)定一個框的寬高之外給這個框加內(nèi)邊距和邊框。 border-box：（textarea和select默認(rèn)值）在規(guī)定的一個框的寬高之內(nèi)給這...

QiShare 2019-08-01 17:16 評論0 收藏0