更新记录

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 的文档,在文末有链接

关于代码块流式输出闪烁,可以尝试 给代码块后增加 \n

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议