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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
ES6中Generator与异步操作实例分析
Mar 31 Javascript
vue脚手架vue-cli的学习使用教程
Jun 06 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 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 引用文件技巧
2010/03/02 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
document.all与WEB标准
2020/05/13 Javascript
jquery 笔记 事件
2011/11/02 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
node事件循环和process模块实例分析
2020/02/14 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
浅析python参数的知识点
2018/12/10 Python
简单了解django orm中介模型
2019/07/30 Python
教师批评与自我批评范文
2014/10/15 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
工作自我评价范文
2015/03/05 职场文书
幼儿园六一儿童节演讲稿
2015/03/19 职场文书
整脏治乱工作简报
2015/07/21 职场文书
如何写好竞聘报告
2019/04/03 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
Github 使用python对copilot做些简单使用测试
2022/04/14 Python
Python开发五子棋小游戏
2022/04/28 Python