JavaScript

超轻量级php框架startmvc

javacript replace 正则取字符串中的值并替换【推荐】

更新时间:2020-07-27 06:06:01 作者:startmvc
replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子

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

总结

以上所述是小编给大家介绍的javacript replace 正则取字符串中的值并替换,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

javacript replace replace正则 js replace正则 字符串replace