Customize Markdown

Markdown のカスタマイズ

Mind Elixir は、ノード内の Markdown レンダリングに対応しています。組み込みのシンプルなパーサーを使用するか、機能豊富な Markdown ライブラリを統合できます。

1. デフォルトの動作

デフォルトでは、Mind Elixir は Markdown を解析しません。有効にするには、オプションで解析関数を指定する必要があります。

2. カスタム解析関数の使用

基本的な書式設定（太字、斜体、コード）だけが必要な場合は、簡単な置換関数を実装できます。

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>')
  },
})

3. サードパーティライブラリとの統合

Markdown を完全にサポートするには、marked や markdown-it などのライブラリの使用をおすすめします。

marked を使った例

まず、ライブラリをインストールします。

npm i marked

次に、初期化時に使用します。

import { marked } from 'marked'
import MindElixir from 'mind-elixir'

let mind = new MindElixir({
  // ... other options
  markdown: text => marked(text),
})

これにより、Markdown パーサーが生成した HTML としてノードの内容がレンダリングされます。