在一个移动端web页面开发中遇到一个问题:
由于项目应用的是rem响应式开发,所有的px单位都转换成了设计图对应的rem,但是通过后台富文本编辑器获取到的文本数据是带html标签字符串,难免会出现字体大小等带px单位的字符数据,这时就需要前端来进行rem的计算及转换。
这个问题的思路是通过正则匹配找到带px单位的数据,然后将数值进行相应计算再将px转换成rem放回原字符串中。
通过查阅正则表达式函数点这里,发现可以使用match与split函数将匹配数据计算转换后再进行字符串拼接实现最终目标。
代码如下:

这样就实现了通过正则表达式对匹配的字符进行运算替换的需求。
富文本px转rem技巧
本文介绍了一种在移动端Web开发中将富文本编辑器获取的px单位转换为rem单位的方法。通过正则表达式匹配并计算px值,再将其转换为rem单位,解决了响应式布局下的字体大小适配问题。
2496

被折叠的 条评论
为什么被折叠?



