WinCode
Chat

流式 Markdown 渲染

WinCode 的 Markdown 渲染引擎,支持代码高亮、数学公式、Mermaid 图表

流式 Markdown 渲染

WinCode 使用专业的 Markdown 渲染引擎,支持实时流式输出。通过插件扩展,覆盖代码高亮、CJK 排版优化、数学公式和 Mermaid 图表。

Markdown 渲染效果

渲染组件

消息渲染的核心组件仅在 Markdown 内容变化时重新渲染,确保性能最优。

渲染时,内容被包裹在专属样式作用域中,提供一致的排版风格。

插件体系

代码高亮

代码块使用专业的语法高亮引擎。当语言不被支持时,自动回退到纯文本显示而不会报错:

这确保了未知语言的代码块仍然正常显示,只是没有语法高亮。

CJK 优化

针对中日韩文字排版优化,处理标点挤压、行间距等细节,让中文内容阅读体验更好。

数学公式

支持 LaTeX 数学公式渲染,包括:

  • $...$ 行内公式
  • $$...$$ 块级公式

系统会自动兼容不同来源的公式定界符格式。

Mermaid 图表

支持在 Markdown 中嵌入 Mermaid 流程图、时序图、甘特图等,自动渲染为 SVG 图形。

样式适配

Markdown 渲染内容会自动适配当前主题(明/暗),确保代码块、表格、公式等内容在各种主题下都有良好的可读性。

表格、复制按钮、下拉菜单等结构样式都经过精心适配。

流式光标

流式输出的 AI 消息末尾会显示一个闪烁的竖线光标,表示正在接收内容。

流式结束后,光标消失,显示 token 用量和耗时信息。

相关文档

On this page