更新记录

1.0.0（2026-08-31） 下载此版本

  • 首次发布

平台兼容性

uni-app x(5.23)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ - √ - - -

sn-e-markdown

基于 uni-app x UTS 标准组件插件封装的高性能 Markdown 渲染组件，内置多种扩展语法。

  • Web：使用 UTS 移植的 markdown-it 解析引擎（含插件机制）渲染为 HTML
  • Android：使用 Markwon 原生库渲染为原生 TextView（链接可点击）
  • 两端语法保持一致

支持的语法

基础 Markdown：标题（ATX / Setext）、段落、强调（粗体 / 斜体 / 粗斜体）、删除线、有序 / 无序 / 嵌套列表、链接（行内 / 引用式 / 自动链接）、图片、行内代码、代码块、表格（含对齐）、引用（含嵌套）、分割线、转义、硬换行。

扩展语法（Web 以 markdown-it 插件为规范，Android 基于 Markwon 插件 / 预处理扩展实现）：

语法 写法 说明
上标 x^2^ 上下标
下标 H~2~O 上下标
标记 ==高亮== mark 标记
自定义容器 ::: tip 标题 ... ::: 块级自定义容器，支持嵌套
对齐 ::: center ... ::: left / center / right / justify
脚注 [^label] + [^label]: 内容 引用式脚注，支持 ^[行内脚注]
数学公式 $e^{i\pi}$ / $$公式$$ KaTeX 语法（两端以等宽风格输出原始公式）
任务列表 - [ ] / - [x] GFM 任务列表
代码高亮 ```js 内置多语言语法高亮（js/ts/html/css/json/python/java/kotlin/c/cpp/go/sql/yaml/bash）

说明：Android 端容器以 Blockquote 风格呈现、对齐使用原生对齐 Span；Web 端输出更完整的样式。数学公式为轻量渲染，如需 KaTeX / JLaTeXMath 深度渲染可自行接入。

属性

属性 类型 默认值 说明
text string '' Markdown 源文本
baseFontSize string | number 15 基础字号(px)，标题/代码等按比例缩放
textColor string '' 正文颜色，支持 $primary / var(--sn-text) 简写，默认主题文字色
linkColor string '' 链接颜色，默认主题主色
lineHeight string | number 1.6 行高倍数
customStyle UTSJSONObject | string '' 根节点自定义样式
customClass string '' 根节点自定义类名

事件

事件 参数 说明
linkclick { href: string } 点击 Markdown 链接时触发

示例

<sn-e-markdown :text="markdownText" :base-font-size="16" @linkclick="onLinkClick" />

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。