使用手淘flexible的rem方案适配移动端h5后，怎么处理富文本编辑器的适配？

Question

目前的项目采用了手淘flexible的方案来适配H5页面，需求是要做一个移动端h5的富文本编辑器，不过只要求能展示pc编辑后的富文本格式pc端我用的wangeditor.js，编辑并保存后，后台会返回html的标签数据可是移动端展示的话还要考虑手机dpr的兼容啊，怎么在手机兼容富文本的内容呢？或者有没有比较好的移动端富文本插件？

Answer 1

如果富文本中带了 style ，你不可能再处理好。

Answer 2

h5展示页引入编辑后富文本所需的css class样式, 编辑后的富文本html标签里有class不用style,

Answer 3

var px2rem = $('#px2rem *')

for (let i = 0; i < px2rem.length; i++) {

    var element = px2rem[i]

    var fontPx = element.style.fontSize

    if (!fontPx) continue

    fontPx = fontPx.substr(0, fontPx.length - 2)

    var fontRem = fontPx / 75

    element.style.fontSize = fontRem + 'rem'

}

我的解决办法是，在客户端处理。---#px2rem---是富文本内容的最外层，然后循环里面所有的子标签，如果带有内联样式---font-size---就进行替换，我这里1rem=75px,这个地儿自己根据情况来