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 相关文章推荐
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
jquery实现手风琴效果实例代码
Nov 15 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
Bootstrap笔记—折叠实例代码
Mar 13 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
js实现点击按钮随机生成背景颜色
Sep 05 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 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禁止个别IP访问网站
2013/10/30 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
在Express中提供静态文件的实现方法
2019/10/17 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
如何获取Python简单for循环索引
2019/11/21 Python
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
仓管员岗位职责范文
2013/11/08 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
运动会报道稿300字
2014/10/02 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
学校捐书活动总结
2015/05/08 职场文书
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers