Preview of mermaid diagrams in separate files
See original GitHub issueHi,
Would it be possible to have Markdown Navigator render / preview mermaid files (.mmd
)?
Some background
Since GitHub does not support mermaid rendering (yet), I have to create separate SVG / PNGs from separate files. In order to preview them, I could change the file extension to .md
, and then surround the content with
```mermaid
<content remind unchanged>
```
The files are then passed though markdown.cli (which crashes when it sees ```
)
This is a bit inconvenient, and so it would be nice to have Markdown Navigator to these steps (or similar) behind the scenes.
Or better yet, have GitHub implement the rendering
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Include diagrams in your Markdown files with Mermaid
Include diagrams in your Markdown files with Mermaid. A picture tells a thousand words. Now you can quickly create and edit diagrams in...
Read more >Rendering Mermaid Charts - Markdown Monster Documentation
Markdown Monster automatically adds the necessary script to execute Mermaid chart to display diagrams in the previewer. There's nothing else you ...
Read more >Mermaid: Create diagrams quickly and effortlessly
Mermaid is a tool that lets you create complicated diagrams in Markdown — it works with simple commands and an intuitive syntax. You...
Read more >Mermaid | Diagramming and charting tool
JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
Read more >mermaid - Generation of diagrams and flowcharts from text in ...
locate the graphs n the page and transform them to svg files. ... Another example in coffeescript that also includes the mermaid script...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@antonbabenko, thank you for the rendering site link. I will add it as an option.
@sindre-nistad, the extension to language mapping is controlled by the IDE. The plugin provides defaults: .md, .mkd and .markdown.
If you add .mmd extension association with Markdown language in Editor | File Types
If you know if any website which renders mermaid syntax to image similar to gravizo.com for UML and codecogs.com for Latex then I can add an option to use that site for rendering mermaid instead of the JavaScript in the rendering page.
This would allow creating mermaid HTML images using that site and conversion between HTML tags and fenced code syntax as done for Math and UML elements. It makes it a little easier to maintain since the conversion can be done by the plugin in the markdown source.