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系列(16) 闭包(Closures)
Apr 12 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
js实现动态时钟
Mar 12 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/04/28 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
PHP学习之整理字符串
2011/04/17 PHP
PHP curl模拟浏览器采集阿里巴巴的实现代码
2011/04/20 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
详解Vue 事件驱动和依赖追踪
2017/04/22 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
python读写json文件的简单实现
2017/04/11 Python
python实现多层感知器
2019/01/18 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
Python使用循环神经网络解决文本分类问题的方法详解
2020/01/16 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
python pandas利用fillna方法实现部分自动填充功能
2020/03/16 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
应届生.NET方向面试题
2015/05/23 面试题
公司总经理任命书
2014/06/05 职场文书
吴仁宝观后感
2015/06/09 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书