Mermaid Syntax



Be aware not all syntax works for these three types at the moment. Editors for Mermaid. If you are looking at ways to create the Mermaid diagram there is a live editor at and if you like editing you Wiki in VSCode there is a extension to allow you to edit the Mermaid diagram in VSCode and preview the diagram you can find the extension at. This can be found on the mermaid documentation site  Share. Improve this answer. Follow edited Oct 29 '20 at 5:40. Markdown Syntax Broken in Atom.io. Change Mermaid theme in markdown. Mermaid - How to connect subgraphs in markdown? You may dream of an alternant life, where you are, in fact, a mermaid, you may be a fan of Princess Ariel or your little girl may have a small obsession herself, whatever the case, we have some DIYs that are right up your alley. Check out these 15 mermaid tail patterns to whip up this weekend and start getting creative! The Little Little Mermaid.

Description

Generation of diagrams and flowcharts from text in a similar manner as markdown by using mermaid.js

WP Mermaid is smart enough that loads mermaid.js only when your posts contain Mermaid syntax, by detecting the use of shortcode and block. So it will not be loaded on your website everywhere.

= See also

Mermaid SyntaxMermaid

If you are looking for a Markdown editor supporting Mermaid, you can also check out Terry Lin‘s WordPress plugin called the WP Githuber MD, which provides a variety of features not just Mermaid, it is worth to try.

Copyright

WP Mermaid, Copyright 2020 TerryL.in
WP Mermaid is distributed under the terms of the GNU GPL Casio fx 790p.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blocks

This plugin provides 2 blocks.

  • WP Mermaid
  • WP Mermaid

Installation

  1. Upload the plugin files to the /wp-content/plugins/wp-mermaid directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to the WP Mermaid menu in Settings and set your options.

Shortcode

In classic editor, you can use shortcode to render your Mermaid syntax. If you are using WordPress version below 5.0, this is the only way you can use.

Gutenberg Block

Mermaid Syntax
  1. Choose a Mermaid syntax block.
  2. Fill in your Mermaid syntax in the editor.

Reviews

Contributors & Developers

Classdef

“WP Mermaid” is open source software. The following people have contributed to this plugin.

Contributors

“WP Mermaid” has been translated into 2 locales. Thank you to the translators for their contributions.

Mermaid Syntax Meaning

Mermaid syntax online

Mermaid Js Online

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Mermaid Syntax

Changelog

Mermaid Git Graph

1.0.0

  • First release.

Mermaid Syntax Free

= 1.0.1

Mermaid Syntax Book

  • Upgrade Mermaid JavaScript library from 8.5.0 to 8.9.0