当前位置:网站首页>mindoc制作思维导图
mindoc制作思维导图
2022-07-25 16:42:00 【q平面人】
mindoc是基于editor.md的适合写技术文档的工具,我将它整合到engineercms里,我觉得它的重要性仅次于onlyoffice的在线协作,因为网络写作方面非常适合。
整合后的demo在这里。
mindoc支持2种思维导图方式:mindmap和mermaid
1 mindmap
前者需要稍微修改一下,支持大小设置,见issue
mindmap模式似乎只支持一个样式?下面似乎有人修改样式,没有实验
是否支持思维导图 · Issue #734 · pandao/editor.md · GitHub
```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;
边栏推荐
- ILSSI认证|六西格玛DMAIC的历程
- Talk about how to use redis to realize distributed locks?
- 使用Huggingface在矩池云快速加载预训练模型和数据集
- 为什么 4EVERLAND 是 Web 3.0 的最佳云计算平台
- 今天去 OPPO 面试,被问麻了
- 2w字详解数据湖:概念、特征、架构与案例
- 微信小程序不使用插件,渲染富文本中的视频,图片自适应,plus版本
- Baidu rich text editor ueeditor single image upload cross domain
- Cookie、cookie与session区别
- 华泰vip账户证券开户安全吗
猜你喜欢
随机推荐
SAP Fiori 的附件处理(Attachment handling)
优必选大型仿人服务机器人Walker X的核心技术突破
华泰vip账户证券开户安全吗
02. 将参数props限制在一个类型的列表中
Wechat applet does not use plug-ins, rendering videos in rich text, image adaptation, plus version
3D 语义分割——Scribble-Supervised LiDAR Semantic Segmentation
Gap locks
01.一个更简单的方法来传递大量的props
[MySQL] takes you to the database
Test framework unittest command line operation and assertion method
【云驻共创】探秘GaussDB如何助力工商银行打造金融核心数据
[fault diagnosis] bearing fault diagnosis based on Bayesian optimization support vector machine with matlab code
Exception handling mechanism topic 1
ILSSI认证|六西格玛DMAIC的历程
2D semantic segmentation -- deeplabv3plus reproduction
WPF 实现用户头像选择器
城市燃气安全再拉警钟,如何防患于未“燃”?
新增批量删除
MySQL global lock
Homepage portal classification query









