Jtamind

Description

MindMap Plugin for budiBase

Allows transforming content in MarkDown format into a MindMap.

configuration

• Contenu: Content in markdown format (See example below)
• Hauteur: Height of the window that will contain the mind map (minimum: 200px)
• Tempo: Delay (in ms) used to make branches appear/disappear. (0 = no delay)
• Espacement vertical: Vertical space between branches
• Espacement horizontal: Horizontal space between nodes in the same branch
• Padding X: Space between node and text
• Largeur max: Maximum width of a branch (0 = no maximum)
• Couleur: Branches' color ("Defaut" = default colors)
• Clic sur item: event executed when clicking on a label

Warning: This component will hide all components placed below

You can add an identifier for each item, by pasting it at the end, separated by an "@". Examples:

## section@identifiant

- libellé@identifiant

This identifier will be hidden on display, but will be offered in the "Click sur item" event

An additional header can be added in the markdown

---
markmap:
  key: value
  key: value
---

This header allows setting the display parameters mentioned HERE. Some examples:

• colorFreezeLevel: 0
• initialExpandLevel: 1
• ...

Manipulation of MapMind

• Mouse wheel: Zoom +/-
• ⬆️➡️ : Expand / collapse all nodes
• 💾 : Save the SVG
• Click + drag: Moves the mind map
• Click on label : execute the "Click sur item" event

Example

The markdown

# racine

## Liens

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Quelques mises en forme

- **strong** ~~del~~ *italic* ==highlight==
- multiline
  text
- `inline code`
- Avec un emoji 🔶

The result

Used Libraries

• Utilizes markmap-lib and markmap-view components from the library markmap
• Inspired by this example

---

Find out more about Budibase.