Skip to main content
Mark Ku's Blog
回到開源作品

React Super Mermaid

開源

可嵌入 React 的 MermaidViewer，包含主題、圖內搜尋、縮放及匯出。

作品封面

React Super Mermaid作品介紹素材（非操作截圖）
React Super Mermaid作品介紹素材（非操作截圖）點擊圖片可查看原尺寸

解決的問題

每個專案重新包裝 Mermaid，常需重做縮放、主題與 SSR 相容處理。

實作方向

  1. 01以單一 React 元件提供圖表呈現。
  2. 02封裝搜尋、平移缩放與 SVG／PNG 匯出。
  3. 03提供 TypeScript 型別及 SSR 安全的使用方式。