MermaidJS support

Alex's Avatar


11 Mar, 2019 08:15 PM

Is it possible to have the previews of diagrams in the Composer?
Perhaps including it from
I found this feature in the Typora editor.

  1. Support Staff 1 Posted by Fletcher on 12 Mar, 2019 11:34 PM

    Fletcher's Avatar

    Sorry for the delay.

    You can include whatever javascript you like in the file's metadata. No need to wait on me! ;)

    More information is available in the MultiMarkdown user's guide:


    Fletcher T. Penney
    Manager, Founder
    MultiMarkdown Software, LLC
    [email blocked]

  2. 2 Posted by Alexander Pavle... on 14 Mar, 2019 05:43 PM

    Alexander Pavlenko's Avatar

    Thanks! It does work, but only when I hit Command+R, after each edit
    preview turns into plain-text. I wonder how to make it automatic.
    HTML footer: <script src="
    <div class="mermaid">
    graph TD

  3. Support Staff 3 Posted by Fletcher on 14 Mar, 2019 06:38 PM

    Fletcher's Avatar

    Most scripts that I have seen are only run when page first loads. Not if the page content changes.

    You could modify the script to run more often. How to do that depends on the script.

    You can set Composer’s preferences to reload the entire page every time it updates. This works but may not give the visual experience you desire.

    Or you can refresh manually when you need to see a meaningful change.

    Only you can decide which option is best for you.

    Sent from my iPhone

Reply to this discussion

Internal reply

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

Attaching KB article:


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