Mermaid for DiscuzX

Mermaid 是一个强大的工具,能够从文本生成流程图、时序图和甘特图。通过使用 DiscuzX 的标签 [mermaid][/mermaid],用户可以轻松地在论坛中嵌入这些图表。

甘特图示例

以下是一个简单的甘特图示例,展示了如何使用 Mermaid 创建甘特图:

[mermaid] gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d [/mermaid]

通过上述代码,您可以生成一个包含多个任务的甘特图。每个任务都有其开始日期、结束日期以及状态(如已完成、进行中或未来任务)。

可视化编辑器

为了更方便地创建和预览图表,DiscuzX 提供了一个独立的可视化编辑器插件。该插件支持多种格式的实时预览功能,包括但不限于 Mermaid、Markdown、时序图、流程图、数学公式和代码高亮。

以下是支持实时预览的插件列表:

  • Mermaid
  • Markdown
  • 时序图
  • 流程图
  • 数学公式
  • 代码高亮

此外,还有一些插件仅支持点击按钮预览,例如 Graphviz 和 Ditaa。

通过这些插件,用户可以在编写内容时即时查看图表效果,从而提高工作效率并确保最终呈现的质量。

总之,Mermaid 和相关插件为 DiscuzX 用户提供了一种简单而高效的方式来创建和分享复杂的图表信息。无论是项目管理还是技术文档编写,这些工具都能帮助您更好地表达想法和数据。

discuzMermaid截图1
discuzMermaid截图2
discuzMermaid截图3
discuzMermaid截图4
剩余内容已隐藏,微信扫描下方二维码免费获取验证码,输入验证码解锁剩余内容
此文章暂无隐藏内容

微信扫描上方二维码免费获取验证码