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绑定事件(bind和live的区别介绍)
Aug 23 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
jQuery Ajax全解析
Feb 13 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
Node.js编写CLI的实例详解
May 17 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
Jun 29 Javascript
vue axios post发送复杂对象问题
Jun 04 Javascript
vue使用video插件vue-video-player的示例
Oct 03 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 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操作mysqli(示例代码)
2013/10/28 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
怎样有效的进行自我评价
2013/10/06 职场文书
结构工程个人自荐信范文
2013/11/30 职场文书
安全施工标语
2014/06/07 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
公司周年庆典标语
2014/10/07 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
2019奶茶店创业计划书范本,值得你借鉴
2019/08/14 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
浅谈python中的多态
2021/06/15 Python
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis