Parse 富文本解析 V2.4.0+
概述
Parse 富文本解析,支持 html 或 markdown 解析。
Parse 提供了 fui-parse-group
和 fui-parse
两个组件来实现相应功能。
# 支持平台
App-vue | App-Nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
---|---|---|---|---|---|---|---|---|---|---|
✓ | × | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
温馨提示
- nvue app端由于支持的样式有限,所以暂时未做全面支持,请使用
rich-text
组件。 fui-parse
组件可单独使用,在特定情况才需要结合fui-parse-group
组件一起使用,如:监听链接或图片点击事件等。- 组件内部会递归使用组件
fui-parse
,所以建议使用easycom组件规范。
# 引入
以下介绍两种常用的引入方式。
第一种:在页面中引用、注册
import fuiParseGroup from "@/components/firstui/fui-parse-group/fui-parse-group.vue"
import fuiParse from "@/components/firstui/fui-parse/fui-parse.vue"
export default {
components:{
fuiParseGroup,
fuiParse
}
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
第二种:easycom组件规范
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。
First UI easycom配置请查看 快速上手。
如果不了解easycom,可先查看 官网文档 (opens new window)。
# 代码演示
代码演示、属性列表等详细内容仅VIP用户可查看。
你真是个小机灵鬼~
该内容仅VIP用户可查看!
前往官网开通会员示例预览
# 示例代码地址
VIP内容代码请查看订单页下载的组件库示例源码。
# 特别说明
该组件为付费组件,UNI-APP版VIP用户可免费使用 。