猿问

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

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

九州编程
浏览 1557回答 4
4回答

当年话下

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

宝慕林4294392

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

摇曳的蔷薇

var px2rem = $('#px2rem *')for (let i = 0; i < px2rem.length; i++) {&nbsp; &nbsp; var element = px2rem[i]&nbsp; &nbsp; var fontPx = element.style.fontSize&nbsp; &nbsp; if (!fontPx) continue&nbsp; &nbsp; fontPx = fontPx.substr(0, fontPx.length - 2)&nbsp; &nbsp; var fontRem = fontPx / 75&nbsp; &nbsp; element.style.fontSize = fontRem + 'rem'}我的解决办法是,在客户端处理。---#px2rem---是富文本内容的最外层,然后循环里面所有的子标签,如果带有内联样式---font-size---就进行替换,我这里1rem=75px,这个地儿自己根据情况来
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答