亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

九州編程 2019-03-05 17:20:46
目前的項目采用了手淘flexible的方案來適配H5頁面,需求是要做一個移動端h5的富文本編輯器,不過只要求能展示pc編輯后的富文本格式pc端我用的wangeditor.js,編輯并保存后,后臺會返回html的標簽數據可是移動端展示的話還要考慮手機dpr的兼容啊,怎么在手機兼容富文本的內容呢?或者有沒有比較好的移動端富文本插件?
查看完整描述

4 回答

?
當年話下

TA貢獻1890條經驗 獲得超9個贊

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


查看完整回答
反對 回復 2019-03-16
?
寶慕林4294392

TA貢獻2021條經驗 獲得超8個贊

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


查看完整回答
反對 回復 2019-03-16
?
搖曳的薔薇

TA貢獻1793條經驗 獲得超6個贊

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,這個地兒自己根據情況來


查看完整回答
反對 回復 2019-03-16
  • 4 回答
  • 0 關注
  • 1491 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號