coosld/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-21 10:27:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Doc: update

Browse Source
This commit is contained in:
街角小林 2024-08-08 11:57:47 +08:00
parent 43969af14b
commit dc522cd0be
3 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
qrcode.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

20
web/src/pages/Doc/zh/course3/index.md
View File

@ -36,6 +36,26 @@ mindMap.on('node_tree_render_end', () => {
})
```
如果你想获取到通过快捷键插入的节点，那么需要重写库默认的快捷键，比如以`Tab`键插入子节点为例：
首先在实例化完后移除默认快捷键：
```js
mindMap.keyCommand.removeShortcut('Tab')
```
然后添加快捷键：
```js
mindMap.keyCommand.addShortcut('Tab', () => {
mindMap.execCommand('INSERT_CHILD_NODE', false, [], {
uid
})
})
```
此时你就可以指定快捷键添加节点时的uid了，那么按前面所述就可以获取到节点实例。
插入节点的命令也可以传入一定参数，比如创建新节点不想直接进入新节点的编辑模式，那么可以这样调用：
```js

12
web/src/pages/Doc/zh/course3/index.vue
View File

@ -23,6 +23,18 @@ mindMap.execCommand(<span class="hljs-string">&#x27;INSERT_CHILD_NODE&#x27;</spa
<span class="hljs-keyword">const</span> node = mindMap.renderer.findNodeByUid(uid)
})
</code></pre>
<p>如果你想获取到通过快捷键插入的节点，那么需要重写库默认的快捷键，比如以<code>Tab</code>键插入子节点为例：</p>
<p>首先在实例化完后移除默认快捷键：</p>
<pre class="hljs"><code>mindMap.keyCommand.removeShortcut(<span class="hljs-string">&#x27;Tab&#x27;</span>)
</code></pre>
<p>然后添加快捷键：</p>
<pre class="hljs"><code>mindMap.keyCommand.addShortcut(<span class="hljs-string">&#x27;Tab&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
mindMap.execCommand(<span class="hljs-string">&#x27;INSERT_CHILD_NODE&#x27;</span>, <span class="hljs-literal">false</span>, [], {
uid
})
})
</code></pre>
<p>此时你就可以指定快捷键添加节点时的uid了，那么按前面所述就可以获取到节点实例。</p>
<p>插入节点的命令也可以传入一定参数，比如创建新节点不想直接进入新节点的编辑模式，那么可以这样调用：</p>
<pre class="hljs"><code>mindMap.execCommand(<span class="hljs-string">&#x27;INSERT_CHILD_NODE&#x27;</span>, <span class="hljs-literal">false</span>)
</code></pre>