小程序富文本解析——mpvue-wxparse、htmltowxml、parser

Emmpty

于 2019-09-02 14:30:08 发布

阅读量2.5k

点赞数

分类专栏： mpvue小程序富文本解析插件文章标签：小程序富文本富文本解析插件

本文链接：https://blog.youkuaiyun.com/weixin_39853639/article/details/100195275

版权

本文介绍了小程序中富文本解析的三种方法：mpvue-wxParse、htmltowxml和parser，并详细讲解了它们的使用方法和特点。其中，mpvue-wxParse允许自定义富文本样式，htmltowxml在数据更新时可能存在视图不更新的问题，而parser则提供了简单的配置选项。作者推荐使用wxParser，提供了相应的项目链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用经历

对富文本插件使用经历，从一开始rich-text到mpvuew-wxParse，在到htmltowxml，最后还是选择了parser，下面为大家就简述下

mpvue-wxParse

属性
- imageProp 对象具体属性
- 事件

这里可以看到可以对富文本一些样式进行自定义，以及在富文本数据为空是需要显示什么，以及对图片显示方式的定义。以及图片点击预览时可触发的时间，很方便

安装

npm install mpvue-wxparse

使用

<template>
  <div>
    <wxParse :content="HtmlData" :imageProp="{mode:'widthFix'}" noData="无富文本数据时显示" @preview="preview" @navigate="navigate"/>
  </div>
</template