|
|
||
|---|---|---|
| .idea | ||
| components | ||
| constant | ||
| hooks | ||
| manager | ||
| model | ||
| node_modules | ||
| pages | ||
| request | ||
| static | ||
| uni_modules | ||
| .gitignore | ||
| App.vue | ||
| index.html | ||
| main.js | ||
| manifest.json | ||
| package-lock.json | ||
| package.json | ||
| pages.json | ||
| project.config.json | ||
| project.private.config.json | ||
| readme.md | ||
| uni.promisify.adaptor.js | ||
| uni.scss | ||
vue3版本!!!
vue2版本已经上线,欢迎下载使用。 https://ext.dcloud.net.cn/plugin?id=13864
uniapp markdown渲染解析.md语法及代码高亮
组件名:uaMarkdown 代码块:
<ua-markdown>
uaMarkdown组件是基于uniapp+vue3自定义解析markdown语法结构插件、支持代码块高亮,编译兼容H5+小程序端+App端。
引入方式
本组件符合easycom规范,只需将本组件ua-markdown放在components目录,在页面template中即可直接使用。
基本用法
示例
- 基础用法
const mdvalue = '### uniapp markdwon'
<ua-markdown :source="mdvalue" />
- 去掉代码块行号
<ua-markdown :source="xxx" :showLine="false" />
API
uaMarkdown Props
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| source | String | - | 渲染解析内容 |
| showLine | Boolean | true | 是否显示代码块行号 |
💝最后
开发不易,希望各位小伙伴们多多支持下哈~~ ☕️☕️