欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javacript replace 正則取字符串中的值并替換【推薦】

 更新時間:2018年09月13日 16:30:13   作者:悲鳴秋  
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達(dá)式匹配的子串。這篇文章主要介紹了javacript replace 正則取字符串中的值并替換,需要的朋友可以參考下

replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達(dá)式匹配的子串。

問題:

  在使用ueditor 富文本編輯器,給字體顏色時,發(fā)現(xiàn)getCent后的內(nèi)容顏色為rgb

<span style="color: rgb(0, 0, 255);" >aaaaa </spa>

而前端需求rgb的讀取不了,因此要轉(zhuǎn)成16進(jìn)制的顏色。找了uedtitor編輯器一圈,沒找到方法。

因此。我想到的解決方法是,在提交保存之前,把富文本里的內(nèi)容找出rgb顏色并替換成16進(jìn)制顏色。

解決的js如下

function doSubmit(){
  var content = UE.getEditor('messageTemplate').getContent(); 
  content = content.replace(/rgba?\(\s?\d+\s?,\s?\d+\s?,\s?\d+\s?\)/g,function(){
    return fixColor('color',arguments[0]);
  })
  .......
}
 //rgb顏色 轉(zhuǎn)16進(jìn)制
function fixColor(name,value){
  if (/color/i.test(name) && /rgba?/.test(value)) {
    console.log(value);
    var array = value.split(",");
    if (array.length > 3){
      return "";
    }
    value = "#";
    for (var i = 0, color; color = array[i++];) {
      color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);
      value += color.length == 1 ? "0" + color : color;
    }
    value = value.toUpperCase();
  }
  return value;
}

 js正則replace 還是好用的哈。

function test(){
  var str = "<color color_tag=\"#112233\">";//目標(biāo)替換成 <color=#112233>
  str = str.replace(/ color_tag=\"(#.{6})\"/g,function(){
    return "="+arguments[1];
  })
  console.log(str);
}

總結(jié)

以上所述是小編給大家介紹的javacript replace 正則取字符串中的值并替換,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • bootstrap 表單驗證使用方法

    bootstrap 表單驗證使用方法

    在web開發(fā)過程中表單驗證是比較常見的需求,友好的錯誤提示能夠用戶帶來極好的用戶體驗效果,今天小編給大家?guī)砣绾问褂胋ootstrap 表單驗證功能,一起看看吧
    2017-01-01
  • JavaScript實現(xiàn)在頁面刷新時成功發(fā)送停止請求

    JavaScript實現(xiàn)在頁面刷新時成功發(fā)送停止請求

    最近接到一個需求,需要在頁面刷新或者關(guān)閉瀏覽器標(biāo)簽頁的時候觸發(fā)停止當(dāng)前sql的接口,所以本文小編給大家詳細(xì)介紹了解決方案和實現(xiàn)代碼,需要的朋友可以參考下
    2023-11-11
  • JS中的Select框?qū)崿F(xiàn)模糊搜索功能

    JS中的Select框?qū)崿F(xiàn)模糊搜索功能

    本文通過實例代碼介紹JS中的Select框?qū)崿F(xiàn)模糊搜索功能,下面是使用JavaScript來實現(xiàn)模糊搜索的功能,代碼分為html部分和javascript部分,感興趣的朋友跟隨小編一起看看吧
    2024-06-06
  • js獲取當(dāng)前年月日-YYYYmmDD格式的實現(xiàn)代碼

    js獲取當(dāng)前年月日-YYYYmmDD格式的實現(xiàn)代碼

    下面小編就為大家?guī)硪黄猨s獲取當(dāng)前年月日-YYYYmmDD格式的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • js函數(shù)的延遲加載實現(xiàn)代碼

    js函數(shù)的延遲加載實現(xiàn)代碼

    延遲加載的函數(shù),第一次調(diào)用后,會覆蓋原來的老函數(shù),以后再次調(diào)用的是新函數(shù),不會再進(jìn)行條件的判斷,提升效率
    2012-10-10
  • 移動端a標(biāo)簽下載文件重命名(download)不生效解決辦法

    移動端a標(biāo)簽下載文件重命名(download)不生效解決辦法

    在移動端使用a標(biāo)簽下載文件時,文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因為跨域問題導(dǎo)致的,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下
    2024-10-10
  • 微信小程序uniapp添加懸浮菜單的方法

    微信小程序uniapp添加懸浮菜單的方法

    這篇文章主要為大家詳細(xì)介紹了微信小程序uniapp添加懸浮菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • javascript中使用css需要注意的地方小結(jié)

    javascript中使用css需要注意的地方小結(jié)

    javascript中使用css需要注意的地方小結(jié),注意保留字問題。
    2010-09-09
  • 前端圖片懶加載的原理與3種實現(xiàn)方式舉例

    前端圖片懶加載的原理與3種實現(xiàn)方式舉例

    圖片懶加載又稱圖片延時加載、惰性加載,即在用戶需要使用圖片的時候加載,這樣可以減少請求,節(jié)省帶寬,提高頁面加載速度,相對的,也能減少服務(wù)器壓力,下面這篇文章主要給大家介紹了關(guān)于前端圖片懶加載的原理與3種實現(xiàn)方式的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • 熱點(diǎn)新聞滾動特效的js代碼

    熱點(diǎn)新聞滾動特效的js代碼

    我們在很多大型門戶網(wǎng)站都會有看到有些一熱點(diǎn)新聞都會一直向上滾動,下面我就來給大家推薦一款Javascript中熱點(diǎn)新聞滾動特效代碼,有需要了解的朋友可以參考一下
    2013-08-08

最新評論