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-itmarkedFirst, 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.