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


Posted in Javascript onSeptember 13, 2018

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

Javascript 相关文章推荐
jQuery中Form相关知识汇总
Jan 06 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
JS区分浏览器页面是刷新还是关闭
Apr 17 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
详解Vue-cli代理解决跨域问题
Sep 27 Javascript
使用vue制作探探滑动堆叠组件的实例代码
Mar 07 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 Javascript
vue监听dom大小改变案例
Jul 29 Javascript
vue删除html内容的标签样式实例
Sep 13 #Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 #Javascript
vue2.0获取鼠标位置的方法
Sep 13 #Javascript
vue实现动态列表点击各行换色的方法
Sep 13 #Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 #Javascript
JSONP原理及应用实例详解
Sep 13 #Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 #Javascript
You might like
使用PHP提取视频网站页面中的FLASH地址的代码
2010/04/17 PHP
PHP 编写大型网站问题集
2010/05/07 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
可插入图片的TEXT文本框
2013/12/27 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
python中global与nonlocal比较
2014/11/21 Python
Python函数参数类型*、**的区别
2015/04/11 Python
python中正则的使用指南
2016/12/04 Python
python使用Matplotlib画条形图
2020/03/25 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
我就是这样学习Python中的列表
2019/06/02 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
Python安装Bs4的多种方法
2020/11/28 Python
输入一行文字,找出其中大写字母、小写字母、空格、数字、及其他字符各有多少
2016/04/15 面试题
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
古汉语文学求职信范文
2014/03/16 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
投标售后服务承诺书
2015/04/29 职场文书
新年寄语2016
2015/08/17 职场文书
小学大队长竞选稿
2015/11/20 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python
Golang jwt身份认证
2022/04/20 Golang