Plugin: MarkMap

Hello everybody,

I would like to present the MarkMap Plugin. It is now possible to show the current note as a mindmap, with the help of the markmap library.

To create the mind map, you just need to click on the diagram icon in the panel to visualize the currently selected note. It is possible to zoom and pan with the mouse, so even large mindmaps can be easily viewed.

Some next steps in the development will be the feature to save the mindmap in SVG and PNG.

The plugin page can be found on daniel/joplin-markmap: Plugin for joplin that can visualise a markmap from the current note - joplin-markmap - Gitea: Git with a cup of tea.

Feedback would be welcome!

Thank you and have a nice day

15 Likes

Thank you for making this plugin. Very useful. Would it be possible to export it as markmap HTML as well?

1 Like

Thank you for your feedback! I have now added the export to HTML feature in version 1.0.3. Enjoy :slight_smile:

3 Likes

That was insanely fast, thank you !

1 Like

Thanks for the nice plugin. Is it possible to make the title of the note the "mother" node? Right now, it seems that the "mother" node comes from Heading 1, correct? For me, it'd work better if the "mother" node came from the title and all the H1 are the secondary branches.

1 Like

Thank you!
This is a tricky request since I think that people use the title and the H1 headings differently. Some write a single H1 heading to indicate the title and some use the metadata field from joplin for that and can have multiple H1 headings.
I think the best solution here is to check whether multiple H1 were used and then set the root node accordingly. Would this work for you?

What do you mean by "use the metadata field from joplin for that"? Is there another way to name the root node besides the H1 heading? Currently, my notes that are numbered outlines (but not using any headings) have an empty root node which looks odd. Especially for those cases, it'd be great to have the title be the root node. For me, ideally, any note that does not have any H1 headings would simply use the note title as the root node.

With metadata field I meant the note title which can be set outside of markdown.

Thank you for your clarification. I like the idea of replacing the empty root with the note title.
The implementation will follow. However, I will need to do some restructuring so it will take some more time.

No problem. Take your time.

Nice plugin.
But there's a problem.There's a conflict with kity minder plugin.
If both are active the markmap plugin button (and menu) recall the other plugin.

1 Like

@skim1124 Version 1.0.5 is now ready with your requested feature of the note title being the mindmap root.

@antoniopaolini Thank you for your feedback! Please try the newest version 1.0.5. I hope the issue is fixed now.

1 Like

Hi @danielfomin96 !

Love this plugin.

When you update the version, remember to update your manifest file as well (it's still declaring v1.0.0), otherwise users don't get your updates, I think.

2 Likes

Thank you!
Thanks to your remark I have updated the manifest file and now the version will hopefully be shown correctly.

1 Like

Very nice plugin. :grinning:
But there's a problem. When I use dark theme , The font color of this mindmap is black. Can you get it to use Joplin's font configuration?
And to make a small suggestion, can you add a shortcut key.
Thanks.

The font color is also an issue I am facing as well.

Thank you @studydt and @pravsripad! The newest version now uses the joplin color schemes and can be triggered by a shortcut key (Per default Ctrl/CMD + Shift + M).
New changes:

Version 1.1.0

Changelog:

    - Adhere to joplin color schemes
    - Export to SVG
-----------------------------------------------------------

Version 1.2.0

Changelog:

    - Hotkey functionality (Default: Ctrl/CMD + Shift + M)
4 Likes

Thanks! Works perfectly.

Good, The font has no problem, It is useful.
Today, I find a Strange bug. when I write text , such as ```java ```.
# test
```java
test
```
The console has error.

Uncaught (in promise) TypeError: hr(...) is not a function
    at Function.highlight (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:15)
    at Object.rt.fence (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:11)
    at it.render (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:11)
    at mi.buildTree (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:15)
    at mi.transform (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:15)
    at e (/D:/Note/Joplin/tmp/plugin_de.fomin.markmap.js:15)
    at async EventEmitter.<anonymous> (services/plugins/plugin_index.js:92)

But I use markmap vscode plugin and markmap Website , It is no problem.

This was really a strange bug however I found out that this bug is part of the markmap-lib library. I fixed it in the joplin markmap plugin in version 1.3.0. Here is the changelog:


Version 1.3.0

Changelog:

    Save to PNG
    Fix: code fences with language highlighting sometimes crashed the plugin
1 Like

I have now also added the feature to add the mindmap to the current markdown note:

Version 1.4.1

Changelog:

    Feature: Save to note (replace existing markmap in note if necessary)

If the mindmap already exists in the note, it will be replaced by the newest version.

2 Likes