Mermaid support - Githubissues

marp-team / marp-vscode

Marp for VS Code: Create slide deck written in Marp Markdown on VS Code

https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode

MIT License

1.57k stars 74 forks source link

Mermaid support #191

Closed PaddiM8 closed 3 years ago

PaddiM8 commented 3 years ago

Taken from the website:

Mermaid lets you represent diagrams using text and code. This simplifies maintaining complex diagrams. It is a Javascript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. The main purpose of Mermaid is to help Documentation catch up with Development.

I think this would be a great feature to have in marp, any thoughts? Using this in markdown is already possible in for example Joplin. It would fit really well here, since you can do things like this:

as easily as this:

pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

PaddiM8 commented 3 years ago

Nvm, an issue exists in marp-core

yhatt commented 3 years ago

Duplicate of marp-team/marp-core#139.

yhatt commented 3 years ago

We have many workarounds:

https://github.com/yhatt/marp/issues/125#issuecomment-509485121
Marp CLI + customized engine + markdown-it-mermaid
Use Markdown snippet that have generated in https://mermaid-js.github.io/mermaid-live-editor/

PHHENS commented 3 years ago

Dear Marp Next Developper, It would be helpful to support mermaid directly in" Marp for vscode" simply with

...

Same thing for svgbob. This combination could give very efficient graphical support directly into marp. Thanks a lot

yhatt commented 3 years ago

@PHHENS Please read https://github.com/yhatt/marp/issues/125#issuecomment-461355723: There are some technically problems for real-time preview support to mermaid.js and Marp team has given up it. Marp ecosystem has a useful plugin system and we leave mermaid.js support to Marp developer community.