Doc: update
This commit is contained in:
parent
1bb7e431fb
commit
3a6a2544b2
26
README.md
26
README.md
@ -7,7 +7,7 @@
|
|||||||
[](https://github.com/wanglin2/mind-map/network/members)
|
[](https://github.com/wanglin2/mind-map/network/members)
|
||||||

|

|
||||||
|
|
||||||
> 一个简单&强大的Web思维导图
|
> 一个简单&强大的 Web 思维导图
|
||||||
|
|
||||||
本项目包含两部分:
|
本项目包含两部分:
|
||||||
|
|
||||||
@ -27,7 +27,7 @@ Github:[releases](https://github.com/wanglin2/mind-map/releases)。
|
|||||||
|
|
||||||
> 客户端版本会落后于在线版本,尝试最新功能请优先使用在线版。
|
> 客户端版本会落后于在线版本,尝试最新功能请优先使用在线版。
|
||||||
|
|
||||||
> 如果访问github比较慢,可以使用:http://lxqnsys.com/simple-mind-map/#/index
|
> 如果访问 github 比较慢,可以使用:http://lxqnsys.com/simple-mind-map/#/index
|
||||||
|
|
||||||
# 特性
|
# 特性
|
||||||
|
|
||||||
@ -37,7 +37,7 @@ Github:[releases](https://github.com/wanglin2/mind-map/releases)。
|
|||||||
- [x] 节点内容支持文本(普通文本、富文本)、图片、图标、超链接、备注、标签、概要、数学公式
|
- [x] 节点内容支持文本(普通文本、富文本)、图片、图标、超链接、备注、标签、概要、数学公式
|
||||||
- [x] 节点支持拖拽(拖拽移动、自由调整)、多种节点形状,支持使用 DDM 完全自定义节点内容
|
- [x] 节点支持拖拽(拖拽移动、自由调整)、多种节点形状,支持使用 DDM 完全自定义节点内容
|
||||||
- [x] 支持画布拖动、缩放
|
- [x] 支持画布拖动、缩放
|
||||||
- [x] 支持鼠标按键拖动选择和Ctrl+左键两种多选节点方式
|
- [x] 支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式
|
||||||
- [x] 支持导出为`json`、`png`、`svg`、`pdf`、`markdown`、`xmind`,支持从`json`、`xmind`、`markdown`导入
|
- [x] 支持导出为`json`、`png`、`svg`、`pdf`、`markdown`、`xmind`,支持从`json`、`xmind`、`markdown`导入
|
||||||
- [x] 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条
|
- [x] 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条
|
||||||
- [x] 提供丰富的配置,满足各种场景各种使用习惯
|
- [x] 提供丰富的配置,满足各种场景各种使用习惯
|
||||||
@ -51,7 +51,7 @@ npm i simple-mind-map
|
|||||||
|
|
||||||
# 使用
|
# 使用
|
||||||
|
|
||||||
提供一个宽高不为0的容器元素:
|
提供一个宽高不为 0 的容器元素:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<div id="mindMapContainer"></div>
|
<div id="mindMapContainer"></div>
|
||||||
@ -72,13 +72,13 @@ npm i simple-mind-map
|
|||||||
import MindMap from "simple-mind-map";
|
import MindMap from "simple-mind-map";
|
||||||
|
|
||||||
const mindMap = new MindMap({
|
const mindMap = new MindMap({
|
||||||
el: document.getElementById('mindMapContainer'),
|
el: document.getElementById("mindMapContainer"),
|
||||||
data: {
|
data: {
|
||||||
"data": {
|
data: {
|
||||||
"text": "根节点"
|
text: "根节点",
|
||||||
},
|
},
|
||||||
"children": []
|
children: [],
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -88,7 +88,7 @@ const mindMap = new MindMap({
|
|||||||
|
|
||||||
# License
|
# License
|
||||||
|
|
||||||
请尽情享受开源:[MIT](./LICENSE)
|
[MIT](./LICENSE)
|
||||||
|
|
||||||
# 微信交流群
|
# 微信交流群
|
||||||
|
|
||||||
@ -244,4 +244,8 @@ const mindMap = new MindMap({
|
|||||||
<img src="./web/src/assets/avatar/继龙.jpg" style="width: 50px;height: 50px;" />
|
<img src="./web/src/assets/avatar/继龙.jpg" style="width: 50px;height: 50px;" />
|
||||||
<span>继龙</span>
|
<span>继龙</span>
|
||||||
</span>
|
</span>
|
||||||
</p>
|
<span>
|
||||||
|
<img src="./web/src/assets/avatar/欣.jpg" style="width: 50px;height: 50px;" />
|
||||||
|
<span>欣</span>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
|||||||
BIN
web/src/assets/avatar/欣.jpg
Normal file
BIN
web/src/assets/avatar/欣.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
@ -269,4 +269,8 @@ Open source is not easy. If this project is helpful to you, you can invite the a
|
|||||||
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
<p>继龙</p>
|
<p>继龙</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||||
|
<img src="../../../../assets/avatar/欣.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
|
<p>欣</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -225,6 +225,10 @@ full screen, support mini map</li>
|
|||||||
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
<p>继龙</p>
|
<p>继龙</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||||
|
<img src="../../../../assets/avatar/欣.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
|
<p>欣</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -262,4 +262,8 @@
|
|||||||
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
<p>继龙</p>
|
<p>继龙</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||||
|
<img src="../../../../assets/avatar/欣.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
|
<p>欣</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -219,6 +219,10 @@
|
|||||||
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
<img src="../../../../assets/avatar/继龙.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
<p>继龙</p>
|
<p>继龙</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||||
|
<img src="../../../../assets/avatar/欣.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||||
|
<p>欣</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user