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

蚂蚁集团支付宝终端技术团队正式推出并开源了 FluidMarkdown —— 一款面向智能场景优化的移动端原生 Markdown 渲染引擎。该引擎专为处理大模型流式输出而设计，具备低延迟、高还原度和强交互性的特点，同时提供高度灵活的视觉与交互定制能力，目前已支持 iOS 和 Android 平台，HarmonyOS 版本正在开发中。

FluidMarkdown 能够将大模型实时生成的 Markdown 内容高效渲染为原生组件，支持内容动态追加与即时展示，适用于对话式 AI、智能客服、知识展示等需要流式响应的业务场景。

✨ 主要特性概览

全面兼容标准 Markdown 语法

遵循 CommonMark 规范，完整支持常用 Markdown 元素：

• 标题、段落、引用、水平分隔线
• 有序列表与无序列表
• 表格、代码块（含语言标识）
• LaTeX 数学公式、行内代码
• 超链接、图片、脚注等扩展语法

部分 HTML 标签解析能力

在标准 Markdown 基础上，额外支持以下 HTML 标签渲染，增强富文本表现力：

, , , , , , , , , ,

双模式渲染：流式与全量

• 流式渲染：边接收数据边渲染，无缝对接大模型 token 逐字输出；
• 全量渲染：一次性完成全部内容渲染，适用于静态内容展示。

强大的样式自定义机制

通过结构化节点模型暴露渲染树，开发者可精细控制每个元素的表现：

• 自定义列表前缀（数字、字母、图标等）
• 调整字体、颜色、间距等样式属性
• 实现个性化标签处理器（详见扩展功能）

丰富的运行时事件回调

内置多种交互与监测能力，便于集成业务逻辑：

• 支持链接、图片等可点击元素的事件监听
• 提供内容可视区域曝光检测（可用于数据埋点）
• 渲染状态通知（开始、进行中、结束）

自定义标签扩展支持（AMHTMLTransformer）

借助 AMHTMLTransformer 模块，可实现标签与样式的灵活扩展，例如：

• 对部分标准 HTML 标签进行样式增强
• 更多用法请参考 AMHTMLTransformer 类文档

GitHub 项目地址：https://www.php.cn/link/6b1d7eadb42d159909af05a7a6d88989