Rendering Mermaid

ken's Avatar

ken

28 Feb, 2021 05:54 PM

I use Mermaid to render a lot of simple data visualization and while I can render them in Vuepress and with plugins to vs-code, it would be super nice if I could get them to work in Marked. I don't know if this is something others have tried or whether allowing an API like Mermaid's to be involved in the rendering step is a possibility but since I can see there are some capabilities to change the rendering workflow I figured I ask rather than just stay in my state of "want". :)

  1. 1 Posted by ken on 28 Feb, 2021 05:56 PM

    ken's Avatar

    whoops, choose the wrong image to illustrate Mermaid's magic

  2. Support Staff 2 Posted by Brett on 01 Mar, 2021 02:00 PM

    Brett's Avatar

    If you do a search for mermaid on these forums, you'll find a few
    discussions like this one:
    http://support.markedapp.com/discussions/questions/8184-mermaid-diagrams-in-documents

    The issue now is that Marked no longer does a full refresh when
    updating, so changes to the diagram are not re-rendered when the file
    changes. I'm working on adding a hook that external scripts can use to
    trigger a re-render, but it's not available yet. So if you implement
    something like a raw file include to import the script, it will function
    on first load, but will require a manual ⌘R to render again after file
    change.

    -Brett

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • 2021-02-28_09-52-40_(7).png 64.3 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac