鍍金池/ 問答/HTML5  UI  網(wǎng)絡(luò)安全  HTML/ 使用手淘flexible的rem方案適配移動端h5后，怎么處理富文本編輯器的適配

使用手淘flexible的rem方案適配移動端h5后，怎么處理富文本編輯器的適配？

目前的項目采用了手淘flexible的方案來適配H5頁面，需求是要做一個移動端h5的富文本編輯器，不過只要求能展示pc編輯后的富文本格式
pc端我用的wangeditor.js，編輯并保存后，后臺會返回html的標(biāo)簽數(shù)據(jù)
可是移動端展示的話還要考慮手機dpr的兼容啊，怎么在手機兼容富文本的內(nèi)容呢？或者有沒有比較好的移動端富文本插件？

回答
編輯回答
吢丕

h5展示頁引入編輯后富文本所需的css class樣式, 編輯后的富文本html標(biāo)簽里有class不用style,

2018年6月23日 20:23
編輯回答
遺莣

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

2017年4月16日 01:26
編輯回答
真難過

首先說一句，在移動端處理富文本都是不友好的，尤其是使用網(wǎng)頁的方式，體驗都不會很好。

如果真要使用的話，也不建議使用完整的富文本編輯器，而是簡化版本的，只針對幾個固定的格式進行處理。至于怎么適配，如果是簡化版本的話，只要求針對幾個特定樣式進行適配即可。

2018年3月2日 18:45
編輯回答
陪妳哭
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---是富文本內(nèi)容的最外層，然后循環(huán)里面所有的子標(biāo)簽，如果帶有內(nèi)聯(lián)樣式---font-size---就進行替換，我這里1rem=75px,這個地兒自己根據(jù)情況來

2017年9月30日 07:59