蚂蚁集团开源移动端流式 Markdown 渲染引擎 FluidMarkdown

蚂蚁集团支付宝终端技术团队推出并开源了 FluidMarkdown —— 一款专为智能化业务场景打造的移动端原生 Markdown 渲染引擎，它能够轻松应对大模型的逐字输出，并为开发者提供高度可定制的交互与视觉表现，支持iOS / Android（HarmonyOS 平台开发中）。

FluidMarkdown 能够将大模型实时返回的 Markdown 文本，以低延迟、高保真、可交互的方式渲染到原生组件，并支持动态内容追加与高度灵活的视觉定制。

✨ 核心特性一览

完整 Markdown 语法支持

基于 CommonMark 规范实现，覆盖绝大多数常用语法：

• 标题、段落、引用、分隔线

• 有序/无序列表

• 表格、代码块（支持语言标识）

• 数学公式（LaTeX）、行内代码

• 超链接、图片、脚注等

混合 HTML 标签支持

除标准 Markdown 外，还支持部分 HTML 标签渲染，满足富文本扩展需求：

<s>, <sup>, <sub>, <mark>, <a>, <span>, <cite>, <del>, <font>, <u>, <img>

双渲染模式：流式 + 全量

• 流式渲染：边接收边渲染，完美适配大模型的 token 流式输出；

• 全量渲染：一次性完整渲染，适配传统场景。

高度可定制化的样式系统

通过结构化 Model 暴露渲染节点，开发者可自由控制：

• 列表前缀符号（数字、字母、自定义 Icon）

• 字体、颜色、间距等样式属性

• 自定义标签处理器（见下文扩展能力）

丰富的运行时回调

• 可点击元素（如链接、图片）的事件监听

• 内容曝光区域监测（可用于埋点）

• 打印状态变更通知（开始、进行中、结束）

扩展标签支持（AMHTMLTransformer）

通过 AMHTMLTransformer 支持自定义标签与样式扩展，例如：

• <icon>

• <iconlink>

• 以及部分标准 HTML 标签的样式增强

• 更多内容可参看 AMHTMLTransformer 类

GitHub 地址：https://github.com/antgroup/FluidMarkdown