Visualize Markdown as Mindmap (A.K.A Markmap) to VS Code's built-in markdown preview.
- Preview support to built-in markdown preview
- Syntax highlighting support to
markmapfenced code block- See below a demo
- Attributes support to
markmapfenced code block- See below details
To install this extension go to View->Extensions and search for markdown-markmap. Next click Install.
Create mindmap in markdown using markmap (or mdmm or mmmd) fenced code blocks:
```markmap
# Mindmap
## Extension
- [markdown-markmap](https://github.com/phoihos/vscode-markdown-markmap)
## Powered by
- <https://markmap.js.org/>
- [markmap-lib](https://github.com/gera2ld/markmap-lib)
## Highlighting
- links
- **inline** ~~text~~ *styles*
- multiline
text
- `inline code`
- ```js
console.log('code block');
```
- Katex
- $\pm\sqrt{a^2 + b^2}$
- $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
- $$\int_{0}^{\infty} f(x) dx$$
```Syntax highlighting support exactly the same as VS Code's markdown.
Add attributes to markmap fenced code block with {key1=value1 key2=value2} curly brackets:
Multiple attributes are separated by
space.
Use single or double quotation marks when specifying value with spaces.
```markmap {scale=1.1 color=#888}
···
```Available attributes:
| Key | Default Value | Description |
|---|---|---|
| scale | 1.1 |
Scale the preview render size |
| color | Empty (for Colorful) | Change the line color using predefined color name, or with RGB, HEX, HSL value |
Available formats to attribute:
| Format | Description |
|---|---|
{key1=value1 key2=value2} |
Wrap with curly brackets |
:key1=value1 key2=value2 |
Start with colon mark |
?key1=value1 key2=value2 |
Start with question mark |
Powered by gera2ld/markmap-lib.
Currently, there is no settings.
If you find any problems using this extension or you want to propose new features to it, feel free to open an issue on Github.
Detailed Release Notes are available here or above Changelog tab.
Icon made by Freepik from www.flaticon.com