ワンクリックで
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.
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`.
| 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.