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 相关文章推荐
javascript用函数实现对象的方法
May 14 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
Nov 05 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
js传递数组参数到后台controller的方法
Mar 29 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
面试题:react和vue的区别分析
Apr 08 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
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
php array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
jQuery实现瀑布流布局
2014/12/12 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
九种原生js动画效果
2015/11/11 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
浅谈layui 表单元素的选中问题
2019/10/25 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
Python pickle模块用法实例
2015/04/14 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
selenium+python实现自动登录脚本
2018/04/22 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
python numpy元素的区间查找方法
2018/11/14 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
Java的类与C++的类有什么不同
2014/01/18 面试题
汇科协同Java笔试题
2012/03/31 面试题
电子专业毕业生自荐信
2014/05/25 职场文书
企业财务管理制度范本
2015/08/04 职场文书
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
Python语言中的数据类型-序列
2022/02/24 Python