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

Question

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

Answer 1

首先说一句，在移动端处理富文本都是不友好的，尤其是使用网页的方式，体验都不会很好。

如果真要使用的话，也不建议使用完整的富文本编辑器，而是简化版本的，只针对几个固定的格式进行处理。至于怎么适配，如果是简化版本的话，只要求针对几个特定样式进行适配即可。

Answer 2

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

Answer 3

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

Answer 4

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,这个地儿自己根据情况来