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 正则取字符串中的值并替换,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • bootstrap 表单验证使用方法

    bootstrap 表单验证使用方法

    在web开发过程中表单验证是比较常见的需求,友好的错误提示能够用户带来极好的用户体验效果,今天小编给大家带来如何使用bootstrap 表单验证功能,一起看看吧
    2017-01-01
  • JavaScript实现在页面刷新时成功发送停止请求

    JavaScript实现在页面刷新时成功发送停止请求

    最近接到一个需求,需要在页面刷新或者关闭浏览器标签页的时候触发停止当前sql的接口,所以本文小编给大家详细介绍了解决方案和实现代码,需要的朋友可以参考下
    2023-11-11
  • JS中的Select框实现模糊搜索功能

    JS中的Select框实现模糊搜索功能

    本文通过实例代码介绍JS中的Select框实现模糊搜索功能,下面是使用JavaScript来实现模糊搜索的功能,代码分为html部分和javascript部分,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • js获取当前年月日-YYYYmmDD格式的实现代码

    js获取当前年月日-YYYYmmDD格式的实现代码

    下面小编就为大家带来一篇js获取当前年月日-YYYYmmDD格式的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js函数的延迟加载实现代码

    js函数的延迟加载实现代码

    延迟加载的函数,第一次调用后,会覆盖原来的老函数,以后再次调用的是新函数,不会再进行条件的判断,提升效率
    2012-10-10
  • 移动端a标签下载文件重命名(download)不生效解决办法

    移动端a标签下载文件重命名(download)不生效解决办法

    在移动端使用a标签下载文件时,文件重命名可能不生效,尤其是在APP内嵌页面中,这通常是因为跨域问题导致的,文中将解决办法介绍的非常详细,需要的朋友可以参考下
    2024-10-10
  • 微信小程序uniapp添加悬浮菜单的方法

    微信小程序uniapp添加悬浮菜单的方法

    这篇文章主要为大家详细介绍了微信小程序uniapp添加悬浮菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • javascript中使用css需要注意的地方小结

    javascript中使用css需要注意的地方小结

    javascript中使用css需要注意的地方小结,注意保留字问题。
    2010-09-09
  • 前端图片懒加载的原理与3种实现方式举例

    前端图片懒加载的原理与3种实现方式举例

    图片懒加载又称图片延时加载、惰性加载,即在用户需要使用图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度,相对的,也能减少服务器压力,下面这篇文章主要给大家介绍了关于前端图片懒加载的原理与3种实现方式的相关资料,需要的朋友可以参考下
    2023-03-03
  • 热点新闻滚动特效的js代码

    热点新闻滚动特效的js代码

    我们在很多大型门户网站都会有看到有些一热点新闻都会一直向上滚动,下面我就来给大家推荐一款Javascript中热点新闻滚动特效代码,有需要了解的朋友可以参考一下
    2013-08-08

最新评论