首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >小程序 rich-text 不支持 section 标签的情况

小程序 rich-text 不支持 section 标签的情况

作者头像
泥豆芽儿 MT
发布于 2019-02-25 10:04:11
发布于 2019-02-25 10:04:11
1.3K0
举报

★. 背景

  • 今天在查看文章显示效果时,发现部分样式的文字没有显示
  • 排查原因发现:文案人员喜欢复制文章,对于其中包含 <section> 标签的文本,小程序的 <rich-text> 标签现在还不支持解析,所以想找一种简单的解决方法

编写时间 :2019-01-11 阅读引申 :能否让 rich-text 组件支持 section 标签

★. 解决方案

  • 毕竟能用代码解决的问题,最好就自己动手,以保证用户使用的友好性

所以想到的最简单的方法就是,匹配替换 <section> 标签为 <div>**,目前来看不影响文章布局显示**

代码语言:javascript
复制
article_content = article_content.replace(/<section/g, '<div').replace(/\/section>/g, '/div>');

补充

  • 建议 微信小程序官方尽快完善 <rich-text> 对 html 标签的对应解析支持
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年01月11日,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • ★. 背景
  • ★. 解决方案
  • 补充
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档