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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
纯js实现背景图片切换效果代码
Nov 14 Javascript
40款非常棒的jQuery 插件和制作教程(系列二)
Nov 02 Javascript
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
ECMAScript6新增值比较函数Object.is
Jun 12 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
vue插件实现v-model功能
Sep 10 Javascript
JS中判断字符串存在和非空的方法
Sep 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
安装APACHE
2007/01/15 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php UBB 解析实现代码
2011/11/27 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
cakephp常见知识点汇总
2017/02/24 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
javascript中的对象创建 实例附注释
2011/02/08 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
node.js中的fs.chmodSync方法使用说明
2014/12/18 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
ECMAScript6--解构
2017/03/30 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
VUE多层路由嵌套实现代码
2017/05/15 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
群众路线批评与自我批评
2014/02/06 职场文书
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers