AppFlowy-IO/AppFlowy

Fork 0

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 12:56:59 +00:00

[GH-ISSUE #168] [FR] support mermaid #88

New issue

Closed

opened 2026-03-23 20:31:42 +00:00 by mirror · 7 comments

mirror commented

2026-03-23 20:31:42 +00:00

Owner

Originally created by @Angel0726 on GitHub (Dec 16, 2021).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/168

1~3 main use cases of the proposed feature
mermaid: as we know many markdown editor support it

what types of users can benefit from using your proposed feature

Additional context
you can experience mermaid in siyuan note or vditor

Originally created by @Angel0726 on GitHub (Dec 16, 2021). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/168 **1~3 main use cases of the proposed feature** mermaid: as we know many markdown editor support it ![image](https://user-images.githubusercontent.com/32816780/145536914-04a32b67-598c-4f19-aa87-90dc94ad5fdc.png) **what types of users can benefit from using your proposed feature** **Additional context** you can experience mermaid in [siyuan note](https://b3log.org/siyuan/) or [vditor](https://github.com/Vanessa219/vditor/blob/master/demo/markdown/zh_CN.md)

mirror

2026-03-23 20:31:42 +00:00

closed this issue
added the
Q4 25

editor

2025

new feature
labels

mirror commented

2026-03-23 20:31:43 +00:00

Author

Owner

@hevey commented on GitHub (Nov 21, 2023):

I would be interested in taking on adding mermaid

@hevey commented on GitHub (Nov 21, 2023): I would be interested in taking on adding mermaid

mirror commented

2026-03-23 20:31:44 +00:00

Author

Owner

@sebs commented on GitHub (Dec 7, 2023):

@hevey if you need someone to give it a test run and provide you feedback ... ping me.

@sebs commented on GitHub (Dec 7, 2023): @hevey if you need someone to give it a test run and provide you feedback ... ping me.

mirror commented

2026-03-23 20:31:44 +00:00

Author

Owner

@khorshuheng commented on GitHub (Jan 20, 2025):

AppFlowy Web does provide support for Mermaid diagram now, but for the desktop app, we will need to see if there is a good flutter package that supports this.

@khorshuheng commented on GitHub (Jan 20, 2025): AppFlowy Web does provide support for Mermaid diagram now, but for the desktop app, we will need to see if there is a good flutter package that supports this.

mirror commented

2026-03-23 20:31:45 +00:00

Author

Owner

@Xazin commented on GitHub (Jan 20, 2025):

AppFlowy Web does provide support for Mermaid diagram now, but for the desktop app, we will need to see if there is a good flutter package that supports this.

The issue with supporting mermaid in a non-web environment, is that mermaid is a JavaScript library.

For iOS and Android, we can't easily import and communicate with a JavaScript library.

If you can expose an API from the backend to generate a mermaid diagram, implementing it in the app would then become possible.

Since rendering a mermaid diagram is "merely" rendering a SVG.

@Xazin commented on GitHub (Jan 20, 2025): > AppFlowy Web does provide support for Mermaid diagram now, but for the desktop app, we will need to see if there is a good flutter package that supports this. The issue with supporting mermaid in a non-web environment, is that mermaid is a JavaScript library. For iOS and Android, we can't easily import and communicate with a JavaScript library. If you can expose an API from the backend to generate a mermaid diagram, implementing it in the app would then become possible. Since rendering a mermaid diagram is "merely" rendering a SVG.

mirror commented

2026-03-23 20:31:45 +00:00

Author

Owner

@bbigras commented on GitHub (Jan 25, 2025):

For iOS and Android, we can't easily import and communicate with a JavaScript library.

Are you sure?

With a quick search I found https://developer.apple.com/documentation/javascriptcore and https://developer.android.com/develop/ui/views/layout/webapps/jsengine but have no idea if it works well.

@bbigras commented on GitHub (Jan 25, 2025): > For iOS and Android, we can't easily import and communicate with a JavaScript library. Are you sure? With a quick search I found https://developer.apple.com/documentation/javascriptcore and https://developer.android.com/develop/ui/views/layout/webapps/jsengine but have no idea if it works well.

mirror commented

2026-03-23 20:31:45 +00:00

Author

Owner

@arigit commented on GitHub (Sep 7, 2025):

looking forward to seeing mermaid and draw.io support.

@arigit commented on GitHub (Sep 7, 2025): looking forward to seeing mermaid and draw.io support.

mirror commented

2026-03-23 20:31:46 +00:00

Author

Owner

@annieappflowy commented on GitHub (Jan 5, 2026):

Supported in the upcoming release (v0.10.9)

@annieappflowy commented on GitHub (Jan 5, 2026): Supported in the upcoming release (v0.10.9) <img width="1073" height="724" alt="Image" src="https://github.com/user-attachments/assets/637f7da9-f5be-4cca-ae63-13c191abe46c" />

mirror referenced this issue

2026-03-23 21:35:44 +00:00

[PR #88] [CLOSED] fix: build_sdk script to use nightly version of cargo #3972