将富文本转为微信小程序 rich-text 组件支持的 json 格式(微信小程序 富文本编辑器)

网友投稿 1848 2022-10-13 10:28:00

将富文本转为微信小程序 rich-text 组件支持的 json 格式(微信小程序 富文本编辑器)

微信小程序富文本解析器

微信小程序在 rich-text 组件后开始支持富文本解析,但需要对照一套自定义规则的 JOSN 数据格式,API 返回的富文本需要前端做数据转换。

html2json 是一个将 HTML 解析为对应的 json 格式但 html2json 库转换出来的 JSON 与微信小程序要求不一致:

attrs.class 为数组格式不支持解析 style

故在此库的基础上做的了扩展与调整。

多个平级 html 标签在 htmlParse 解析后会有层级问题,故这里需要注意,可使用包裹一层无意义的 html 标签绕过。

使用方法:

import html2json from 'wxapp-rich-text';// 或者下载该仓库import html2json from './your/path/index.js';const html = '

sample
text

sample text

';const json = html2json(html);this.setData({ nodes: json,})

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:kubernetes调度由浅入深:框架
下一篇:rkt 1.18.0 发布,CoreOS 的容器引擎
相关文章