VS Code Markmap Universe

Use mindmap in VS Code's built-in Markdown preview with markmap, seamlessly supporting both hexo-markmap tags and markmap code blocks.

Features

Real-time Markmap Preview
hexo-markmap Tag Support:
- Recognize {% markmap %}...{% endmarkmap %} syntax.
- Provide folding for hexo-markmap tags.
Code Block Support:
- Render fenced code blocks with the markmap language identifier.
Customizable Preview:
- Adjust styles and options via frontmatter.
- Compatible with remark-markmap and hexo-markmap.
Syntax highlighting: (Still have some issues)
- Highlight Markmap frontmatter and Markdown content.

{% markmap %}
---
markmap:
  colorFreezeLevel: 2
---
# Markdown
# Syntax
{% endmarkmap %}

```markmap
---
markmap:
  colorFreezeLevel: 2
---
# Markdown
# Syntax
```

You can customize each mindmap individually in the markmap tag.

All frontmatter options are optional.

id : Used to define the ID of the markmap-wrap element.
markmap : Correspond to the IMarkmapJSONOptions in the markmap project. For more details, please refer to jsonOptions.
- alias: options (for backward compatibility)

Difference between markmap and options

markmap (from markmap-lib) Will be preprocessed (converting strings to arrays or numbers) and overrides the legacy options.
- E.g., color: 'red' will be converted to color: ['red'], only the latter is valid in markmap-view.
- ✅ Recommended for consistent use with markmap.
options (from markmap-universe) Passed directly to markmap-view.
- ❌ Not recommended, maintained only for backward compatibility.

You can also specify the height of the mindmap directly in the tag, by default it will be calculated based on the content.

{% markmap 300px %}
# Markdown
# Syntax
{% endmarkmap %}

markmap-universe.globalOptions

Type: object: Global options for all mindmaps. Correspond to the markmap in Frontmatter Options.
Default: {}

markmap-universe.toolbar

References to the following projects: