首页 > 其他分享 >mindoc制作思维导图

mindoc制作思维导图

时间:2022-12-16 14:31:12浏览次数:59  
标签:mindoc 思维 导图 mindmap 样式 mermaid ###


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

整合后的demo在​​这里​​。

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

1 mindmap

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

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

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

```mindmap>400
# 水务院
## 水工
### 水工一室
### 水工二室
## 施工
### 施工一室
### 施工二室
## 预算
### 预算一室
### 预算二室
```

mindoc制作思维导图_engineercms

2 mermaid

​https://doc.gsw945.com/docs/mindoc-docs​​​
https://mermaid-js.github.io/mermaid/#/
### 2.1 增加链接
```
```mermaid
graph LR
    A --> B
    B --> C
    click B "https://www.github.com"
 ` ` `
``` 

mindoc制作思维导图_思维导图_02

 

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

标签:mindoc,思维,导图,mindmap,样式,mermaid,###
From: https://blog.51cto.com/3xxx/5947442

相关文章

  • 关于JavaScript的九个思维导图
    学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出10张javascript相关的思维导图。思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具......
  • 架构与思维:再聊缓存击穿,面试是一场博弈
    1介绍在之前的一篇文章《一次缓存雪崩的灾难复盘》中,我们比较清晰的描述了缓存雪崩、穿透、击穿的各自特征和解决方案,想详细了解的可以移步。最近在配合HR筛选候选人,作......
  • HDU4801——思维,生成树(口糊)
    //题意:有坐标图上有N个点,每个点有一个收益,要求修n-1条路联通所有点。现在有一个免单机会,即免除一条路的花费,求max(免除花费的路的两端点的收益和/n-1条路的总花费)//思路:......
  • P2431 正妹吃月饼——进制思维题
    正妹吃月饼题目描述今天是中秋节。uim带来了一堆大小不同且味道各异的月饼。这些月饼的质量分别是1g,2g,4g,8g,16g....后面一个是前面的2倍。每种只有一个。uim让正......
  • 结构化思维:轻松解决一句话需求
    当领导抛出“一句话需求”时,你的状态是如何?是懵逼还是奔溃?还是有很多需要问的但却不知如何问起?本文破攻“一句话需求”,用结构化思维拆解需求,提高沟通的效率和质量,获取自己......
  • 剑指offer 数据流中的中位数(思维,堆)
    题目描述如何得到一个数据流中的中位数?如果从数据流中读出奇数个数值,那么中位数就是所有数值排序之后位于中间的数值。如果从数据流中读出偶数个数值,那么中位数就是所有数值......
  • 剑指offer 字符流中第一个不重复的字符(思维,队列)
    题目描述请实现一个函数用来找出字符流中第一个只出现一次的字符。例如,当从字符流中只读出前两个字符"go"时,第一个只出现一次的字符是"g"。当从该字符流中读出前六个字符“g......
  • 剑指offer 对称的二叉树(思维)
    题目描述请实现一个函数,用来判断一颗二叉树是不是对称的。注意,如果一个二叉树同此二叉树的镜像是同样的,定义其为对称的。解题思路:正规的解法是传入两个节点,然后判断它们是不......
  • Flink 面试指南 | 终于要跟大家见面了,我有点紧张。(附思维导图)
    面试,一个令人大多数同学头疼的问题,要么成功进入心仪公司,要么沮丧与其失之交臂。但是,如果能在面试前就能知道面试官将会问的问题,然后可以好好提前准备,这种感觉是不是特别棒?之......
  • 思维
    https://codeforces.com/gym/102059/problem/G题意:一条街上一共N个点,需要在某些点上建路灯,使得整条街被照亮,一个路灯可以照亮左右两个点,每个点都有一个建路灯的花费。......