Skip to content

Add Mermaid diagram support to Markdown Live Preview#145

Open
krishnactive wants to merge 1 commit into
tanabe:mainfrom
krishnactive:mermaid-support
Open

Add Mermaid diagram support to Markdown Live Preview#145
krishnactive wants to merge 1 commit into
tanabe:mainfrom
krishnactive:mermaid-support

Conversation

@krishnactive
Copy link
Copy Markdown

@krishnactive krishnactive commented Apr 19, 2026

This PR adds Mermaid diagram support to the Markdown Live Preview web app.

Changes:

  • Add mermaid dependency and update package-lock.json
  • Detect mermaid fenced code blocks and render diagrams in the preview
  • Preserve Mermaid source in data-mermaid and execute mermaid.render(...)
  • Document Mermaid support in README.md

@krishnactive
Copy link
Copy Markdown
Author

@tanabe Please review

@s-celles
Copy link
Copy Markdown

This would be a great feature to have!
Related issues #66 #111

@krishnactive
Copy link
Copy Markdown
Author

This would be a great feature to have! Related issues #66 #111

Review the code

@tanabe
Copy link
Copy Markdown
Owner

tanabe commented May 24, 2026

Thanks everyone for opening PRs and issues. I’ve just deployed support for Mermaid diagrams.

@krishnactive
Copy link
Copy Markdown
Author

Thank you for the support!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants