前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >mindoc制作思维导图

mindoc制作思维导图

作者头像
hotqin888
发布2022-09-08 11:52:16
4810
发布2022-09-08 11:52:16
举报
文章被收录于专栏:hotqin888的专栏hotqin888的专栏

mindoc是基于editor.md的适合写技术文档的工具,我将它整合到engineercms里,我觉得它的重要性仅次于onlyoffice的在线协作,因为网络写作方面非常适合。

整合后的demo在这里

mindoc支持2种思维导图方式:mindmap和mermaid

1 mindmap

前者需要稍微修改一下,支持大小设置,见issue

mindmap模式似乎只支持一个样式?下面似乎有人修改样式,没有实验

是否支持思维导图 · Issue #734 · pandao/editor.md · GitHub

代码语言:javascript
复制
```mindmap>400
# 水务院
## 水工
### 水工一室
### 水工二室
## 施工
### 施工一室
### 施工二室
## 预算
### 预算一室
### 预算二室
``` 

2 mermaid

https://doc.gsw945.com/docs/mindoc-docs https://blog.csdn.net/wangyaninglm/article/details/52887045 https://mermaid-js.github.io/mermaid/#/ ### 2.1 增加链接 ``` ```mermaid graph LR     A --> B     B --> C     click B "https://www.github.com"  ` ` ` ``` 

2.2 样式类 为了方便样式的使用,可以定义类来使用样式 类的定义示例: classDef className fill:#f9f,stroke:#333,stroke-width:4px; 对节点使用样式类: class nodeId className; 同时对多个节点使用相同的样式类: class nodeId1,nodeId2 className; 

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-07-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 mindmap
  • 2 mermaid
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档