Markmap Universe logo

Version Installs Open VSX Version Open VSX Installs 简体中文

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

• 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)

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

• Type: boolean: Show the toolbar.
• Default: true

References to the following projects:

• vscode-markdown-markmap
• markmap-vscode