{"id":121591,"date":"2020-05-15T03:54:45","date_gmt":"2020-05-15T03:54:45","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wp-mermaid\/"},"modified":"2023-05-23T11:46:31","modified_gmt":"2023-05-23T11:46:31","slug":"wp-mermaid","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/wp-mermaid\/","author":7920204,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.2","stable_tag":"1.0.2","tested":"6.2.9","requires":"4.0","requires_php":"5.3.0","requires_plugins":null,"header_name":"WP Mermaid","header_author":"Terry Lin","header_description":"Generation of diagrams and flowcharts from text in a similar manner as markdown by using mermaid.js","assets_banners_color":"e5e5e4","last_updated":"2023-05-23 11:46:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/terrylinooo\/wp-mermaid","header_author_uri":"https:\/\/terryl.in\/","rating":5,"author_block_rating":0,"active_installs":800,"downloads":7242,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"terrylin","date":"2020-05-15 05:09:14"},"1.0.1":{"tag":"1.0.1","author":"terrylin","date":"2021-02-16 08:06:46"},"1.0.2":{"tag":"1.0.2","author":"terrylin","date":"2023-05-23 11:46:31"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2305315,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2305315,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"wp-mermaid\/block":{"name":"wp-mermaid\/block","title":"WP Mermaid"},"wp-mermaid\/display-block":{"name":"wp-mermaid\/display-block","title":"WP Mermaid"}},"tagged_versions":["1.0.0","1.0.1","1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2305315,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2305315,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Choose a Mermaid syntax block.","2":"Fill in your Mermaid syntax in the editor."}},"plugin_section":[],"plugin_tags":[15399,185806,4608,166215,17638],"plugin_category":[],"plugin_contributors":[165935],"plugin_business_model":[],"class_list":["post-121591","plugin","type-plugin","status-closed","hentry","plugin_tags-diagram","plugin_tags-flowchat","plugin_tags-markdown","plugin_tags-mermaid","plugin_tags-sequence","plugin_contributors-terrylin","plugin_committers-terrylin"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-mermaid_e5e5e4.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-mermaid\/assets\/screenshot-1.png?rev=2305315","caption":"Choose a Mermaid syntax block."},{"src":"https:\/\/ps.w.org\/wp-mermaid\/assets\/screenshot-2.png?rev=2305315","caption":"Fill in your Mermaid syntax in the editor."}],"raw_content":"\n

Generation of diagrams and flowcharts from text in a similar manner as markdown by using mermaid.js<\/a><\/p>\n\n

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.<\/p>\n\n

= See also<\/p>\n\n

If you are looking for a Markdown editor<\/a> supporting Mermaid, you can also check out my WordPress plugin called the WP Githuber MD<\/a>, which provides a variety of features not just Mermaid, it is worth to try.<\/p>\n\n

Translations<\/h3>\n\n

Chinese (zh_TW) by Terry L.<\/a>.\nJapanese (ja_JP) by Colocal<\/a>.<\/p>\n\n

Copyright<\/h3>\n\n

WP Mermaid, Copyright 2020 TerryL.in\nWP Mermaid is distributed under the terms of the GNU GPL<\/p>\n\n

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

This program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\nGNU General Public License for more details.<\/p>\n\n\n

    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/wp-mermaid<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n
  3. Go to the WP Mermaid menu in Settings and set your options.<\/li>\n<\/ol>\n\n

    Shortcode<\/h4>\n\n

    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.<\/p>\n\n

    Gutenberg Block<\/h4>\n\n
      \n
    1. Choose a Mermaid syntax block.<\/li>\n
    2. Fill in your Mermaid syntax in the editor.<\/li>\n<\/ol>\n\n\n

      None.<\/p>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • First release.<\/li>\n<\/ul>\n\n

        = 1.0.1<\/p>\n\n

          \n
        • Upgrade Mermaid JavaScript library from 8.5.0 to 8.9.0<\/li>\n<\/ul>\n\n

          = 1.0.2<\/p>\n\n

            \n
          • Test with PHP 8.2.5 and WordPress 6.2.2<\/li>\n
          • Upgrade Mermaid JavaScript library from 8.9.0 to 9.4.3<\/li>\n
          • Add Japanese translation.<\/li>\n<\/ul>","raw_excerpt":"Generation of diagrams and flowcharts from text in a similar manner as markdown by using mermaid.js","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/121591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=121591"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/terrylin"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=121591"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=121591"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=121591"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=121591"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=121591"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=121591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}