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.56k stars 73 forks source link

Show mermaid diagrams in the exported file #376

Closed niosus closed 2 years ago

niosus commented 2 years ago

Version of Marp Tool

Marp for VS Code v2.2.1

Operating System

macOS

Environment

How to reproduce

Just create a simple "presentation" with mermaid div. This renders correctly in VSCode but when exported is not rendered. I might be missing something for sure but I would love to have a way to get it rendered at least in the HTML output from Marp.

Here is an example "presentation"

---
marp: true
---

<div class="mermaid">
flowchart LR
    A -->|Yes| B
    A -->|No| C
</div>

Expected behavior

The diagram should be rendered in the exported output from Marp

Actual behavior

The diagram is represented as jumbled text.

Additional information

Feel free to ask me anything if I can be of any help.

yhatt commented 2 years ago
niosus commented 2 years ago

Thanks and sorry for the noise! I missed those discussions!