时间：2020-10-29 11:13:42 | 栏目：JavaScript代码 | 点击：次
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
问题：
在使用ueditor 富文本编辑器，给字体颜色时，发现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);
}
总结