javacript中如何使用replace正則取字符串中的值并替換

這篇文章將為大家詳細(xì)講解有關(guān)javacript中如何使用replace正則取字符串中的值并替換，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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

問題：

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

如 <span  >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);
}

關(guān)于“javacript中如何使用replace正則取字符串中的值并替換”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。