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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
window.location不跳转的问题解决方法
Apr 17 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
javascript浏览器用户代理检测脚本实现方法
Oct 27 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
JavaScript定时器常见用法实例分析
Nov 15 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
Apr 08 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 手机归属地查询 api
2010/02/08 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php实现购物车功能(上)
2020/07/23 PHP
PHP6新特性分析
2016/03/03 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
Node.js的特点详解
2017/02/03 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
详解Javascript获取缓存和清除缓存API
2017/05/25 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
python实现简单的socket server实例
2015/04/29 Python
python使用mailbox打印电子邮件的方法
2015/04/30 Python
Python查看微信撤回消息代码
2018/06/07 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
详解python算法常用技巧与内置库
2020/10/17 Python
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
成人高等教育毕业生自我鉴定
2013/10/22 职场文书
积极分子思想汇报
2014/01/04 职场文书
运动会解说词100字
2014/01/31 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
社区服务活动总结
2014/05/07 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python