## uParse 适用于 uni-app/mpvue 的富文本解析组件
> 支持 Html、Markdown 解析,Fork自: [mpvue-wxParse](https://github.com/F-loat/mpvue-wxParse)
## 属性
| 名称 | 类型 | 默认值 | 描述 |
| -----------------|--------------- | ------------- | ---------------- |
| loading | Boolean | false | 数据加载状态 |
| className | String | — | 自定义 class 名称 |
| content | String | — | 渲染内容 |
| noData | String | 数据不能为空 | 空数据时的渲染展示 |
| startHandler | Function | 见源码 | 自定义 parser 函数 |
| endHandler | Function | null | 自定义 parser 函数 |
| charsHandler | Function | null | 自定义 parser 函数 |
| imageProp | Object | 见下文 | 图片相关参数 |
### 自定义 parser 函数具体介绍
* 传入的参数为当前节点 `node` 对象及解析结果 `results` 对象,例如 `startHandler(node, results)`
* 无需返回值,通过对传入的参数直接操作来完成需要的改动
* 自定义函数会在原解析函数处理之后执行
### imageProp 对象具体属性
| 名称 | 类型 | 默认值 | 描述 |
| -----------------|--------------- | ------------- | ------------------ |
| mode | String | 'aspectFit' | 图片裁剪、缩放的模式 |
| padding | Number | 0 | 图片内边距 |
| lazyLoad | Boolean | false | 图片懒加载 |
| domain | String | '' | 图片服务域名 |
## 事件
| 名称 | 参数 | 描述 |
| -----------------|----------------- | ---------------- |
| preview | 图片地址,原始事件 | 预览图片时触发 |
| navigate | 链接地址,原始事件 | 点击链接时触发 |
## 基本使用方法
``` vue
<template>
<div>
<u-parse :content="article" @preview="preview" @navigate="navigate" />
</div>
</template>
<script>
import uParse from '@/components/u-parse/u-parse.vue'
export default {
components: {
uParse
},
data () {
return {
article: '<div>我是HTML代码</div>'
}
},
methods: {
preview(src, e) {
// do something
},
navigate(href, e) {
// do something
}
}
}
</script>
<style>
@import url("@/components/u-parse/u-parse.css");
</style>
```
## 渲染 Markdown
> 先将 markdown 转换为 html 即可
```
npm install marked
```
``` js
import marked from 'marked'
import uParse from '@/components/u-parse/u-parse.vue'
export default {
components: {
uParse
},
data () {
return {
article: marked(`#hello, markdown!`)
}
}
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
Unimall B2C 商城 V3 发布部署视频教程 同时支持微信小程序、H5、安卓App、苹果App 支持集群部署,单机部署
共684个文件
java:264个
vue:103个
js:87个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 108 浏览量
2023-12-10
10:20:18
上传
评论
收藏 2.52MB ZIP 举报
温馨提示
Unimall B2C 商城 V3 发布部署视频教程 。同时支持微信小程序、H5、安卓App、苹果App。支持集群部署,单机部署。可用于B2C商城,O2O外卖,社区超市,生鲜等。 unimall使用uniapp编码。使用Java开发,SpringBoot框架、MyBatis-plus持久层框架、Redis作为缓存、MySql作为数据库。前端vuejs作为开发语言。
资源推荐
资源详情
资源评论
收起资源包目录
Unimall B2C 商城 V3 发布部署视频教程 同时支持微信小程序、H5、安卓App、苹果App 支持集群部署,单机部署 (684个子文件)
.babelrc 313B
nginx.conf 2KB
unimall.v3.dobbinsoft.com.conf 816B
index.css 414KB
skin.min.css 42KB
visualblocks.css 5KB
content.min.css 4KB
u-parse.css 4KB
content.inline.min.css 3KB
prism.css 2KB
Winglau14-lotusAddress.css 2KB
Dockerfile 1KB
Dockerfile_demo 860B
.editorconfig 243B
tinymce.eot 18KB
tinymce-small.eot 9KB
.eslintignore 34B
401.gif 160KB
loader.gif 3KB
smiley-cool.gif 354B
smiley-wink.gif 350B
smiley-smile.gif 344B
smiley-laughing.gif 343B
smiley-foot-in-mouth.gif 342B
smiley-frown.gif 340B
smiley-kiss.gif 338B
smiley-surprised.gif 338B
smiley-undecided.gif 337B
smiley-innocent.gif 336B
smiley-yell.gif 336B
smiley-embarassed.gif 331B
smiley-cry.gif 329B
smiley-tongue-out.gif 328B
smiley-sealed.gif 323B
smiley-money-mouth.gif 321B
object.gif 152B
anchor.gif 53B
trans.gif 43B
.gitignore 1000B
.gitignore 237B
method.html 18KB
document.html 4KB
index.html 514B
favicon.ico 17KB
OrderServiceImpl.java 40KB
ProductBizService.java 31KB
UserServiceImpl.java 30KB
DobbinErpClient.java 25KB
ExceptionDefinition.java 24KB
AdminProductServiceImpl.java 18KB
AdminGroupShopServiceImpl.java 16KB
CheckQuartz.java 16KB
AdminServiceImpl.java 13KB
AdminOrderServiceImpl.java 13KB
OrderPayCallbackHandler.java 12KB
OrderBizService.java 11KB
GeneratorServiceImpl.java 10KB
AdminCategoryServiceImpl.java 10KB
PayConfig.java 9KB
OpenPlatformStorageDatabaseImpl.java 9KB
AppraiseServiceImpl.java 8KB
UserService.java 8KB
AdminFreightTemplateServiceImpl.java 8KB
CouponServiceImpl.java 7KB
ProductServiceImpl.java 7KB
AddressServiceImpl.java 7KB
AdminCouponService.java 7KB
RoleServiceImpl.java 7KB
FreightTemplateBizService.java 6KB
UserBizService.java 6KB
CategoryBizService.java 6KB
KdniaoTrackQueryAPI.java 5KB
AdminOrderService.java 5KB
OrderService.java 5KB
AdminProductService.java 5KB
CartServiceImpl.java 5KB
AdminCouponServiceImpl.java 5KB
AdminVipOrderServiceImpl.java 5KB
AdminService.java 5KB
AdminFreightTemplateService.java 5KB
VipOrderServiceImpl.java 5KB
SpuDTO.java 5KB
CacheConst.java 5KB
IntegralServiceImpl.java 5KB
AdminAdvertService.java 5KB
AdminGroupShopService.java 4KB
AdminUserServiceImpl.java 4KB
AdminAdvertServiceImpl.java 4KB
AdminCategoryService.java 4KB
AdminVipTemplateService.java 4KB
UniNotifyAdminNotifyBizServiceImpl.java 4KB
AddressService.java 4KB
OrderDTO.java 4KB
RoleService.java 4KB
OrderDO.java 4KB
AdminUserService.java 4KB
DashboardServiceImpl.java 4KB
ErpSku.java 4KB
VipOrderPayCallbackHandler.java 4KB
SearchWrapperModel.java 4KB
共 684 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6823
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功