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 正則取字符串中的值并替換，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉ο蟮?種方法,在JavaScript中對象可以通過兩種方法添加對象,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
這篇文章主要介紹了JS常用加密編碼與算法,結(jié)合實(shí)例形式總結(jié)分析了javascript常見的utf8、base64編碼及md5、md4、SHA1等算法實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12
es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用分析
這篇文章主要介紹了es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用,結(jié)合實(shí)例形式分析了es6 class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法相關(guān)概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
setTimeout()遞歸調(diào)用不加引號出錯(cuò)的解決方法
用了setTimeout()想實(shí)現(xiàn)遞歸調(diào)用，如果第一個(gè)參數(shù)不加引號的話，就會出錯(cuò)，下面與大家分享下該如何解決2014-09-09
JavaScript設(shè)計(jì)模式之迭代者模式詳情
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之迭代者模式詳情，迭代器設(shè)計(jì)模式能夠可以讓我們更方便的且有規(guī)矩的進(jìn)行訪問復(fù)合數(shù)據(jù)的每一項(xiàng)，也可以通過迭代器進(jìn)行完成一些流線式操作2022-06-06
typescript中 declare global 關(guān)鍵字用法示例小結(jié)
在TypeScript中,declare global 用于在模塊內(nèi)部擴(kuò)展全局作用域,本文重點(diǎn)介紹typescript中 declare global 關(guān)鍵字用法示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-04-04
下面小編就為大家?guī)硪黄J(rèn)識less和webstrom的less配置方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
微信小程序在text文本實(shí)現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實(shí)現(xiàn)多種字體樣式,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
本文給大家總結(jié)了bootstrap的class樣式，由基礎(chǔ)到內(nèi)涵給大家介紹的非常詳細(xì)，需要的的朋友可以參考下2016-12-12
Map 是 JavaScript 中非常強(qiáng)大的數(shù)據(jù)結(jié)構(gòu),它提供了比傳統(tǒng)對象更多的靈活性和功能,本文給大家介紹JS中的new Map()方法,感興趣的朋友一起看看吧2025-04-04