javacript replace 正则取字符串中的值并替换【推荐】
更新时间：2018年09月13日 16:30:13 作者：悲鸣秋
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。这篇文章主要介绍了javacript 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 正则取字符串中的值并替换，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要给大家介绍了关于JS中向对象中添加对象的3种方法,在JavaScript中对象可以通过两种方法添加对象,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JS常用加密编码与算法,结合实例形式总结分析了javascript常见的utf8、base64编码及md5、md4、SHA1等算法实现方法,需要的朋友可以参考下2016-12-12
es6中class类静态方法，静态属性，实例属性，实例方法的理解与应用分析
这篇文章主要介绍了es6中class类静态方法，静态属性，实例属性，实例方法的理解与应用,结合实例形式分析了es6 class类静态方法，静态属性，实例属性，实例方法相关概念、原理、用法及相关操作注意事项,需要的朋友可以参考下2020-02-02
用了setTimeout()想实现递归调用，如果第一个参数不加引号的话，就会出错，下面与大家分享下该如何解决2014-09-09
这篇文章主要介绍了JavaScript设计模式之迭代者模式详情，迭代器设计模式能够可以让我们更方便的且有规矩的进行访问复合数据的每一项，也可以通过迭代器进行完成一些流线式操作2022-06-06
typescript中 declare global 关键字用法示例小结
在TypeScript中,declare global 用于在模块内部扩展全局作用域,本文重点介绍typescript中 declare global 关键字用法示例小结,感兴趣的朋友跟随小编一起看看吧2024-04-04
下面小编就为大家带来一篇认识less和webstrom的less配置方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
本文给大家总结了bootstrap的class样式，由基础到内涵给大家介绍的非常详细，需要的的朋友可以参考下2016-12-12
Map 是 JavaScript 中非常强大的数据结构,它提供了比传统对象更多的灵活性和功能,本文给大家介绍JS中的new Map()方法,感兴趣的朋友一起看看吧2025-04-04
最新评论