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 相关文章推荐
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
jquery 操作iframe的几种方法总结
Dec 13 Javascript
js形成页面的一种遮罩效果实例代码
Jan 04 Javascript
js读取配置文件自写
Feb 11 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
bootstrap table小案例
Oct 21 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
微信小程序实现日历效果
Dec 28 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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伪造referer实例代码
2008/09/20 PHP
php时间函数用法分析
2016/05/28 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
ajax异步请求详解
2017/01/06 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
JS如何把字符串转换成json
2020/02/21 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
面向初学者的Python编辑器Mu
2018/10/08 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
《藏戏》教学反思
2014/02/11 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
酒店前台辞职书
2015/02/26 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
创业计划书之物流运送
2019/09/17 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
Python函数对象与闭包函数
2022/04/13 Python