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 相关文章推荐
解密效果
Jun 23 Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 Javascript
在jQuery中 常用的选择器介绍
Apr 16 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
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&amp;java(三)
2006/10/09 PHP
简单的PHP留言本实例代码
2010/05/09 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
利用python库在局域网内传输文件的方法
2018/06/04 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python web框架 django wsgi原理解析
2019/08/20 Python
python输出pdf文档的实例
2020/02/13 Python
Python更换pip源方法过程解析
2020/05/19 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
工程索赔意向书
2014/08/30 职场文书
九华山导游词
2015/02/03 职场文书
如何写通讯稿
2015/07/22 职场文书
网络研修心得体会
2016/01/08 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers