Rendering Mermaid

ken's Avatar


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:

    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


  3. 3 Posted by wlj on 16 Jan, 2022 04:20 PM

    wlj's Avatar


    any update about this?
    i've downloaded Marked 2 especially to render big diagrams side by side.
    it's annoying to manual refresh because of no rendering.
    also there is no an "force auto refresh" option...


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


? 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