with one click
customize-markdown
// Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.
// Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.
| name | Customize Markdown |
| description | Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries. |
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.
Guide for understanding and converting Mind Elixir plaintext format. Covers format specification, parsing, and conversion to Mind Elixir data structure.
Guide for integrating Mind Elixir into a frontend project, covering installation, initialization, data structure, and basic usage.
Implement real-time streaming mindmap rendering using Mind Elixir in web applications. Supports streaming text parsing and incremental updates.
Guide for exporting mind maps as images using `@zumer/snapdom`.