mcpField
C
Customize Markdown

Customize Markdown

github.com/ssshooter开发3.2k65 次安装1 周前更新
代码仓库

关于 Customize Markdown

本指南说明如何为 Mind Elixir 节点启用 Markdown 渲染，可提供自定义解析函数，或接入 `marked`、`markdown-it` 等库。

主要功能

  1. 01配置 Markdown 解析函数
  2. 02通过替换实现基础格式
  3. 03集成 `marked` 或 `markdown-it`
  4. 04将解析后的节点内容渲染为 HTML

适用场景

  1. 01在思维导图节点中渲染 Markdown
  2. 02支持粗体、斜体和代码等基础格式
  3. 03使用第三方解析库扩展 Markdown 支持

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/ssshooter/mind-elixir-core --skill customize-markdown

安装后在 Claude Code 中输入/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。

评论

支持 Markdown