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实现可拖动的浮动层完整代码
May 27 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
JavaScript Function函数类型介绍
Apr 08 Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
详解vuex状态管理模式
Nov 01 Javascript
vue项目中实现的微信分享功能示例
Jan 21 Javascript
原生js实现trigger方法示例代码
May 22 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP输出时间差函数代码
2013/01/28 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
学习ExtJS table布局
2009/10/08 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
使用webpack搭建pixi.js开发环境
2020/02/12 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
python里对list中的整数求平均并排序
2014/09/12 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
python学习基础之循环import及import过程
2018/04/22 Python
简单了解python的break、continue、pass
2019/07/08 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
jupyter notebook实现显示行号
2020/04/13 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
Python eval函数介绍及用法
2020/11/09 Python
劳动之星获奖感言
2014/02/01 职场文书
玲玲的画教学反思
2014/02/04 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书