skills/customize-markdown/SKILL.md
Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.
npx skillsauth add ssshooter/mind-elixir-core Customize MarkdownInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Mind Elixir supports markdown rendering in nodes. You can use the built-in simple parser or integrate a full-featured markdown library.
By default, Mind Elixir does not parse markdown. You must provide a parsing function in the options to enable it.
You can implement a simple replacement function if you only need basic formatting (bold, italic, code).
let mind = new MindElixir({
// ... other options
markdown: text => {
// Simple regex replacements
return text
.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
.replace(/\*(.*?)\*/g, '<em>$1</em>')
.replace(/`(.*?)`/g, '<code>$1</code>')
},
})
For full markdown support, it is recommended to use a library like marked or markdown-it.
markedFirst, install the library:
npm i marked
Then, use it in your initialization:
import { marked } from 'marked'
import MindElixir from 'mind-elixir'
let mind = new MindElixir({
// ... other options
markdown: text => marked(text),
})
This will render the node content as HTML generated by the markdown parser.
development
Implement real-time streaming mindmap rendering using Mind Elixir in web applications. Supports streaming text parsing and incremental updates.
development
Guide for understanding and converting Mind Elixir plaintext format. Covers format specification, parsing, and conversion to Mind Elixir data structure.
development
Guide for integrating Mind Elixir into a frontend project, covering installation, initialization, data structure, and basic usage.
documentation
Guide for exporting mind maps as images using `@zumer/snapdom`.