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

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

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

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

html

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

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

QiShare 2019-08-01 17:16 評(píng)論0 收藏0