javacript replace 正則取字符串中的值并替換【推薦】
更新時(shí)間：2018年09月13日 16:30:13 作者：悲鳴秋
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。這篇文章主要介紹了javacript replace 正則取字符串中的值并替換,需要的朋友可以參考下
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。
問題：
在使用ueditor 富文本編輯器，給字體顏色時(shí)，發(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 正則取字符串中的值并替換，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
在web開發(fā)過程中表單驗(yàn)證是比較常見的需求，友好的錯(cuò)誤提示能夠用戶帶來極好的用戶體驗(yàn)效果，今天小編給大家?guī)砣绾问褂胋ootstrap 表單驗(yàn)證功能，一起看看吧2017-01-01
JavaScript實(shí)現(xiàn)在頁面刷新時(shí)成功發(fā)送停止請求
最近接到一個(gè)需求,需要在頁面刷新或者關(guān)閉瀏覽器標(biāo)簽頁的時(shí)候觸發(fā)停止當(dāng)前sql的接口,所以本文小編給大家詳細(xì)介紹了解決方案和實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-11-11
本文通過實(shí)例代碼介紹JS中的Select框?qū)崿F(xiàn)模糊搜索功能,下面是使用JavaScript來實(shí)現(xiàn)模糊搜索的功能,代碼分為html部分和javascript部分,感興趣的朋友跟隨小編一起看看吧2024-06-06
js獲取當(dāng)前年月日-YYYYmmDD格式的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取當(dāng)前年月日-YYYYmmDD格式的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
延遲加載的函數(shù)，第一次調(diào)用后，會(huì)覆蓋原來的老函數(shù)，以后再次調(diào)用的是新函數(shù)，不會(huì)再進(jìn)行條件的判斷，提升效率2012-10-10
移動(dòng)端a標(biāo)簽下載文件重命名(download)不生效解決辦法
在移動(dòng)端使用a標(biāo)簽下載文件時(shí),文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因?yàn)榭缬騿栴}導(dǎo)致的,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序uniapp添加懸浮菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
javascript中使用css需要注意的地方小結(jié)
javascript中使用css需要注意的地方小結(jié)，注意保留字問題。2010-09-09
前端圖片懶加載的原理與3種實(shí)現(xiàn)方式舉例
圖片懶加載又稱圖片延時(shí)加載、惰性加載,即在用戶需要使用圖片的時(shí)候加載,這樣可以減少請求,節(jié)省帶寬,提高頁面加載速度,相對的,也能減少服務(wù)器壓力,下面這篇文章主要給大家介紹了關(guān)于前端圖片懶加載的原理與3種實(shí)現(xiàn)方式的相關(guān)資料,需要的朋友可以參考下2023-03-03
我們在很多大型門戶網(wǎng)站都會(huì)有看到有些一熱點(diǎn)新聞都會(huì)一直向上滾動(dòng)，下面我就來給大家推薦一款Javascript中熱點(diǎn)新聞滾動(dòng)特效代碼，有需要了解的朋友可以參考一下2013-08-08