question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Preview of mermaid diagrams in separate files

See original GitHub issue

Hi, 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:open
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
vschcommented, Apr 5, 2020

@antonbabenko, thank you for the rendering site link. I will add it as an option.

1reaction
vschcommented, Mar 26, 2020

@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

image

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found