更新记录
1.0.0(2025-08-13) 下载此版本
首次提交
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | × |
uni-app(4.65)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.65)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
markdown-extension
一. 使用方法
建议放到分包里手动引入该插件
符合easycom
组件模式, 导入 uni_modules
后直接使用即可
<template>
<view class="container">
<!-- 默认用法 直接传入md文本即可 普通md展示-->
<markdown-extension :markdown="content"></markdown-extension>
</view>
</template>
<script>
export default {
data() {
return {
content: "## md格式的文本内容",
};
},
created() {},
methods: {},
};
</script>
<style lang="scss" scoped></style>
二. 样式修改
markdown-extension.vue 中 initTagStyle() 方法下对各标签样式修改
三. 参数说明
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
markdown | String | markdown 文本 | |
themeColor | String | '#007AFF' | 主题色 |
codeBgColor | String | '#2d2d2d' | 代码块背景色 |
四. 注意事项
关于代码块高亮
如果需要更多语言或更换主题请前往 prism 官网 下载对应的 prism.min.js 和 prism.css 并替换 plugins/highlight/ 目录下的文件,重新运行打包命令并替换 mp-html. 不建议这样做,因为本插件还修改过其他地方,可能会导致插件不能正常使用. 具体请参考 mp-html 的文档,在文末有链接