JointJS releases a React Mermaid editor that syncs visual edits with diagram text

JointJS has released a Mermaid Editor app template that lets users edit Mermaid flowcharts visually rather than only through text syntax. The tool parses Mermaid with its official parser and renders an interactive canvas where node and link changes are written back into the source. The split-screen design pairs a Monaco-based text editor with the diagram, with selections linked between the two. Users can rename nodes, restyle shapes and links, and connect nodes, with the exported output remaining a standard Mermaid file. The project is built with JointJS for React and its source code is published on GitHub.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in