feat(docs): document mind map

This commit is contained in:
Elian Doran 2025-04-04 22:13:26 +03:00
parent 4cef5a3e16
commit 2d61944036
No known key found for this signature in database
8 changed files with 121 additions and 9 deletions

View File

@ -5246,11 +5246,34 @@
"value": "bx bx-sitemap",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "XpOYSgsLkTJy",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0Ofbk1aSuVRu",
"isInheritable": false,
"position": 30
}
],
"format": "markdown",
"dataFileName": "Mind Map.md",
"attachments": []
"attachments": [
{
"attachmentId": "Od9jIuQHijXH",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Mind Map_image.png"
}
]
},
{
"isClone": false,

View File

@ -0,0 +1,24 @@
# Mind Map
![](Mind%20Map_image.png)
The mindmap allows for easy jotting down of ideas and storing them in a hierarchical fashion.
## Terminology
* A **node** is a single idea, represented differently based on depth (filled rounded rectangle for the root note, unfilled rectangles for sub-ideas, lines only for sub-sub-ideas).
* The **root node** is the top-most node from which all other nodes derive, displayed as a filled rectangle. There can only be a single root node.
## Interaction
* To create a new node at the same level as the current one, press <kbd>Enter</kbd>, enter the desired text and then press <kbd>Enter</kbd> once again to confirm.
* Similarly, to create a sub-node, press <kbd>Tab</kbd>, enter the desired text and then press <kbd>Enter</kbd>.
* To create a parent, use <kbd>Ctrl</kbd>+<kbd>Enter</kbd> instead.
* To remove a node, press <kbd>Delete</kbd>.
* To move a node up or down, press <kbd>Page Up</kbd> or <kbd>Page Down</kbd>.
* To adjust the font size, color of the text or background or to add a link, click on a node and use the floating panel that appears to the right.
* To select one or more notes, drag and drop across the map.
* Right click the node to bring a contextual menu with options such as creating new nodes, focusing on a particular notes or creating links between them.
* Use the buttons at the top-left to change the positioning of the nodes relative to the root node (to the left, to the right, or to both sides).
* In the [Floating buttons](../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md) area:
* An [image reference](Text/Images/Image%20references.md) can be copied, to paste the mind map in a text note.
* The diagram can be exported either as SVG (vectorial) or PNG (raster).

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

View File

@ -1,6 +1,6 @@
# Note Map
![](Note%20Map_image.png)
A Note map is a note type which displays a standalone version of the feature of the same name: [Note Map (Link map, Tree map)](../Advanced%20Usage/Note%20Map%20\(Link%20map%2C%20Tree%20map\).md).
Once created, the note map will display the relations between notes. Only the notes that are part of the parent of the note map will be displayed (including their children).
![](Note%20Map_image.png)
Once created, the note map will display the relations between notes. Only the notes that are part of the parent of the note map will be displayed (including their children).

View File

@ -5246,11 +5246,34 @@
"value": "bx bx-sitemap",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "XpOYSgsLkTJy",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "0Ofbk1aSuVRu",
"isInheritable": false,
"position": 30
}
],
"format": "html",
"dataFileName": "Mind Map.html",
"attachments": []
"attachments": [
{
"attachmentId": "Od9jIuQHijXH",
"title": "image.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Mind Map_image.png"
}
]
},
{
"isClone": false,

View File

@ -12,7 +12,48 @@
<div class="content">
<h1 data-trilium-h1>Mind Map</h1>
<div class="ck-content"></div>
<div class="ck-content">
<figure class="image">
<img style="aspect-ratio:892/675;" src="Mind Map_image.png" width="892"
height="675">
</figure>
<p>The mindmap allows for easy jotting down of ideas and storing them in
a hierarchical fashion.</p>
<h2>Terminology</h2>
<ul>
<li>A <strong>node</strong> is a single idea, represented differently based
on depth (filled rounded rectangle for the root note, unfilled rectangles
for sub-ideas, lines only for sub-sub-ideas).</li>
<li>The <strong>root node</strong> is the top-most node from which all other
nodes derive, displayed as a filled rectangle. There can only be a single
root node.</li>
</ul>
<h2>Interaction</h2>
<ul>
<li>To create a new<strong> </strong>node at the same level as the current
one, press <kbd>Enter</kbd>, enter the desired text and then press <kbd>Enter</kbd> once
again to confirm.</li>
<li>Similarly, to create a sub-node, press <kbd>Tab</kbd>, enter the desired
text and then press <kbd>Enter</kbd>.</li>
<li>To create a parent, use <kbd>Ctrl</kbd>+<kbd>Enter</kbd> instead.</li>
<li>To remove a node, press <kbd>Delete</kbd>.</li>
<li>To move a node up or down, press <kbd>Page Up</kbd> or <kbd>Page Down</kbd>.</li>
<li>To adjust the font size, color of the text or background or to add a link,
click on a node and use the floating panel that appears to the right.</li>
<li>To select one or more notes, drag and drop across the map.</li>
<li>Right click the node to bring a contextual menu with options such as creating
new nodes, focusing on a particular notes or creating links between them.</li>
<li>Use the buttons at the top-left to change the positioning of the nodes
relative to the root node (to the left, to the right, or to both sides).</li>
<li>In the&nbsp;<a class="reference-link" href="../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html">Floating buttons</a>&nbsp;area:
<ul>
<li>An <a href="Text/Images/Image%20references.html">image reference</a> can
be copied, to paste the mind map in a text note.</li>
<li>The diagram can be exported either as SVG (vectorial) or PNG (raster).</li>
</ul>
</li>
</ul>
</div>
</div>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

View File

@ -13,14 +13,15 @@
<h1 data-trilium-h1>Note Map</h1>
<div class="ck-content">
<figure class="image">
<img src="Note Map_image.png">
</figure>
<p>A Note map is a note type which displays a standalone version of the feature
of the same name:&nbsp;<a href="../Advanced%20Usage/Note%20Map%20(Link%20map%2C%20Tree%20map).html">Note Map (Link map, Tree map)</a>.</p>
<p>Once created, the note map will display the relations between notes. Only
the notes that are part of the parent of the note map will be displayed
(including their children).</p>
<p>
<img src="Note Map_image.png">
</p>
<p>&nbsp;</p>
</div>
</div>
</body>