這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WP Mermaid

外掛說明

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

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

Translations

Chinese (zh_TW) by Terry L..
Japanese (ja_JP) by Colocal.

Copyright

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

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.

螢幕擷圖

  • Choose a Mermaid syntax block.
  • Fill in your Mermaid syntax in the editor.

適用於區塊編輯器

這個外掛提供 2 個可供 Gutenberg/區塊編輯器使用的區塊。

  • WP Mermaid
  • WP Mermaid

安裝方式

  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

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

常見問題集

None.

使用者評論

2023 年 12 月 29 日
No muss, no fuss. Just include a "WP Mermaid" block into your post, paste your Mermaid syntax, and see a live preview of the diagram right below!
2023 年 3 月 24 日 3 則留言
Not only is it a most useful plugin (going to use it on a project tracking site right now!) and kept up-to-date (just tested it fine on WP 6.2-RC4) but it is also a fantastic example block for us custom block newbies! Thanks for this!
2022 年 2 月 22 日
It works exactly as I like it: - It adds a new block type in gutenberg. - It shows the svg result except while editing the block where it shows both the source and the svg and updates the svg output after every keystroke. Nice work.
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WP Mermaid〉的開發相關工作。

參與者

〈WP Mermaid〉外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈WP Mermaid〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

  • First release.

= 1.0.1

  • Upgrade Mermaid JavaScript library from 8.5.0 to 8.9.0

= 1.0.2

  • Test with PHP 8.2.5 and WordPress 6.2.2
  • Upgrade Mermaid JavaScript library from 8.9.0 to 9.4.3
  • Add Japanese translation.