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 相关文章推荐
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
用unescape反编码得出汉字示例
Apr 24 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
JS创建对象的写法示例
Nov 04 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
Feb 21 Javascript
Vue 自定义动态组件实例详解
Mar 28 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
Vuex实现简单购物车
Jan 10 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中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
2015/11/26 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
浅谈angular2路由预加载策略
2017/10/04 Javascript
Three.js基础学习教程
2017/11/16 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
python 2.7.14安装图文教程
2018/04/08 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
求职信模版
2013/11/30 职场文书
副总经理党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/06 职场文书
消防隐患整改通知书
2015/04/22 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
Python打包为exe详细教程
2021/05/18 Python