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