在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

回答
編輯回答
吢丕

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

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

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

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

首先說(shuō)一句，在移動(dòng)端處理富文本都是不友好的，尤其是使用網(wǎng)頁(yè)的方式，體驗(yàn)都不會(huì)很好。

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

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---就進(jìn)行替換，我這里1rem=75px,這個(gè)地兒自己根據(jù)情況來(lái)

2017年9月30日 07:59