在Android Studio中,Markdown的 Mermaid/PlantUML预览无法工作吗?

移动开发 2026-07-10

下面是一个示例Markdown如下:

## Markdown with Mermaid and Plant UML in IntelliJ IDEA and Android Studio

### Markdown with Mermaid
```mermaid
sequenceDiagram
    Alice->>Bob: Hello John, how are you?
    Bob->>Alice: Hi Alice, I can hear you!
``` 

### Markdown with Plant UML
```plantuml
@startuml
Alice -> Bob: Hello John, how are you?
Bob -> Alice: Hi Alice, I can hear you!
@enduml
``` 

在IntelliJ IDEA中,我安装了Mermaid插件并启用了PlantUML Markdown扩展。效果如下图所示,工作正常:

在 IntelliJ IDEA 中使用 Mermaid 与 PlantUML 的 Markdown

在我的Android Studio中,我也像在IntelliJ IDEA那样安装了Mermaid插件并启用了PlantUML的 Markdown扩展。然而,它不能正确渲染Mermaid也不能正确渲染PlantUML。它只是把文本字符串显示成下方的图片

在 Android Studio 中使用 Mermaid 与 PlantUML 的 Markdown

因为Android Studio是 IntelliJ IDEA的定制版本,我本以为这两个插件可以在IntelliJ IDEA和 Android Studio上都工作。

为什么这些插件在Android Studio上不能正确工作?我可以在哪里查到更多信息?

解决方案

Experimental JCEF浏览器支持即将加入Android Studio Quail(2026.1),因此无论是平台端还是第三方,很可能很快就会提供Mermaid图表渲染的支持。

https://platform.jetbrains.com/t/experimental-jcef-web-browser-api-support-for-android-studio/4117

编辑: 从JetBrains Toolbox下载2026.1的最新nightly版本,并在Marketplace安装 Web Browser (JCEF) 插件,与任一 MermaidMermaid Studio Core 插件并用,两者均可工作,能够单独渲染Mermaid图,或在Markdown代码块中渲染。

站内所有文章版权归属LeftHeroAI导航站,无授权禁止任何主体转载、抄袭、复制内容,亦不得私自架设镜像站点。一经侵权,本站将通过法律途径追责。

相关文章