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中关于节点内容加强
Apr 11 Javascript
JsRender实用入门教程
Oct 31 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
详解Node.js开发中的express-session
May 19 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 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
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
php中explode函数用法分析
2014/11/15 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
php生成与读取excel文件
2016/10/14 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
LazyLoad 延迟加载(按需加载)
2010/05/31 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
Python yield 小结和实例
2014/04/25 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python随机读取文件实现实例
2017/05/25 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
解决Keyerror ''acc'' KeyError: ''val_acc''问题
2020/06/18 Python
什么是URL
2015/12/13 面试题
UNIX文件系统常用命令
2012/05/25 面试题
个人查摆剖析材料
2014/02/04 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
辞职申请书范本
2019/05/20 职场文书
python urllib库的使用详解
2021/04/13 Python
Python关于OS文件目录处理的实例分享
2021/05/23 Python
Python自动化实战之接口请求的实现
2022/05/30 Python