修改富文本样式

最新推荐文章于 2023-11-20 21:04:10 发布

写代码的小猿子

最新推荐文章于 2023-11-20 21:04:10 发布

阅读量250

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/weixin_64899102/article/details/129122685

版权

正则贪婪模式替换样式

let a = '<img /> <span style="fsdfxv">sdfdsfsdf</span> <img style="xvxcvxcvs"/>cxcxcxc<img style="fdfdfdsfsdf"/>';
 let reg = /<img.*?(style=".*?"){0,1}\/>/g;
 let b = a.replace(reg, function ($1, $2) {
      if ($1.indexOf("style=") > -1) {
        return $1.replace(/style=".*"/g, 'style="aaaaaaa"')
      } else {
        return $1.replace(/\/>/g, 'style="aaaaaaa"/>')
      }
    })

替换富文本框的px样式，替换成rem适用手机布局

let currentSize = 16; //系统根字体
let content = '<img /> <span style="font-size: 14px">sdfdsfsdf</span> <img style="xvxcvxcvs"/>cxcxcxc<img style="font-size: 20px"/>';
        function fn($1, $2) {
                let x = $2;
                let y = currentSize;
                return `:${x/y}rem`
        }
   content.replace(/:\s*(\d+)px/g, fn)