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 BS,dialog控件自适应大小
Jul 06 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
CSS中position属性之fixed实现div居中
Dec 14 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
express 项目分层实践详解
Dec 10 Javascript
详解如何运行vue项目
Apr 15 Javascript
node.JS二进制操作模块buffer对象使用方法详解
Feb 06 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
JavaScript arguments.callee作用及替换方案详解
Sep 02 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 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配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
js 获取(接收)地址栏参数值的方法
2013/04/01 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
Python的一些用法分享
2012/10/07 Python
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
python使用knn实现特征向量分类
2018/12/26 Python
python实现烟花小程序
2019/01/30 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
python障碍式期权定价公式
2019/07/19 Python
如何通过python实现人脸识别验证
2020/01/17 Python
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
三好学生自我鉴定
2013/12/17 职场文书
体育活动总结范文
2014/05/04 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
纪律教育月活动总结
2014/08/26 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
现实表现材料范文
2014/12/23 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
清明扫墓感想
2015/08/11 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
2019年大学生暑期社会实践调查报告模板
2019/11/07 职场文书
二年级作文之动物作文
2019/11/13 职场文书