更新记录

1.0.3（2025-07-09） 下载此版本

feat: 微信小程序table边框样式

1.0.2（2025-07-09） 下载此版本

doc: 修改标题

1.0.1（2025-07-09） 下载此版本

doc: 文档修复

平台兼容性

uni-app

其他

ikun-markdown

组件介绍

实现了一个 markdown文本 -> ast语法树 -> html富文本的转换库，加上rich-text组件完成markdown渲染，可随意自定义富文本中的标签样式

组件用法 vue

<template>
    <view class="content">
        <ikun-markdown :content="content"></ikun-markdown>
    </view>
</template>

<script>
    export default {
        data() {
            return {
content: `
# 咯咯h1
## 鸽鸽h2
### 割鸽h3
#### h4
##### h5
###### h6

**缘神**  
*元神*  
~~原神~~  
\`单行代码块\`

[链接](https://www.baidu.com)

- 猿神1
- 源神2
    * 圆神2-1
    * 援神2-2
+ 无序列表4

1. 有序列表1
2. 有序列表2

\`\`\`
多行代码块
第二行
第三行
\`\`\`

| 表头1 | 表头2 |
| ----- | ----- |
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |

![图片](https://t9.baidu.com/it/u=2882068752,4200775990&fm=217&app=126&size=re3,2&q=75&n=0&g=4n&f=JPEG&fmt=auto&maxorilen2heic=2000000?s=EDFAAB56194F404D42DCB17A02008073)

> 普通段落内容1
> 普通段落内容2
`
            }
        }
    }
</script>

当前支持的 Markdown 语法

• 标题（# ~ ######）
• 粗体（加粗）
• 斜体（斜体）
• 删除线（删除线）
• 行内代码（code）
• 代码块（code）
• 链接（文本）
• 自动链接（http/https 链接自动转为 <a>）
• 有序列表（1. 2. 3.）
• 无序列表（- * +）
• 嵌套的无序列表（- * +, 四格缩进）
• 表格（| head | head | ...）
• 引用块（> 引用内容，多行合并）
• 段落、换行
• 图片

不支持的Markdown 语法

• ~内嵌 HTML~
• ~脚注、目录、注释等扩展语法~
• ~GFM 扩展：@提及、emoji、自动任务列表渲染等~
• 多级嵌套列表/引用的递归渲染
• 代码块高亮（需配合 highlight.js 等）
• 表格对齐（:---:）等高级表格特性
• 数学公式

如需支持更多语法或扩展，欢迎评论区反馈