用正则表达式对匹配的字符进行运算替换

在一个移动端web页面开发中遇到一个问题:

由于项目应用的是rem响应式开发,所有的px单位都转换成了设计图对应的rem,但是通过后台富文本编辑器获取到的文本数据是带html标签字符串,难免会出现字体大小等带px单位的字符数据,这时就需要前端来进行rem的计算及转换。

这个问题的思路是通过正则匹配找到带px单位的数据,然后将数值进行相应计算再将px转换成rem放回原字符串中。

通过查阅正则表达式函数点这里,发现可以使用match与split函数将匹配数据计算转换后再进行字符串拼接实现最终目标。

代码如下:

用正则表达式对匹配的字符进行运算替换

这样就实现了通过正则表达式对匹配的字符进行运算替换的需求。