1. 程式人生 > >小程式 rich-text 不支援 section 標籤的情況

小程式 rich-text 不支援 section 標籤的情況

★. 背景

  • 今天在檢視文章顯示效果時,發現部分樣式的文字沒有顯示
  • 排查原因發現:文案人員喜歡複製文章,對於其中包含 <section> 標籤的文字,小程式的 <rich-text> 標籤現在還不支援解析,所以想找一種簡單的解決方法

編寫時間2019-01-11
閱讀引申能否讓 rich-text 元件支援 section 標籤

★. 解決方案

  • 畢竟能用程式碼解決的問題,最好就自己動手,以保證使用者使用的友好性

所以想到的最簡單的方法就是,匹配替換 <section> 標籤為 <div>

,目前來看不影響文章佈局顯示

article_content = article_content.replace(/<section/g, '<div').replace(/\/section>/g, '/div>');

補充

  • 建議 微信小程式官方儘快完善 <rich-text>html 標籤的對應解析支援