component-markdown-editor

name	component-markdown-editor
description	Develop MarkdownEditor and BaseMarkdownEditor in @ant-design/agentic-ui for rich text and streaming markdown. Use when building editor, toolbar, slate, plugins, table, code block, or markdown parse/serialize. Triggers on markdown editor, BaseMarkdownEditor, slate, toolbar, plugin, table editor. Use when this capability is needed.
metadata	{"author":"antdigital-ai"}

MarkdownEditor 组件开发

基于 Slate 的 Markdown 编辑器，支持流式输入、工具栏、插件与多种块级/行内元素。

源码位置

• 入口：src/MarkdownEditor/index.tsx
• 基类：src/MarkdownEditor/BaseMarkdownEditor.tsx
• 编辑器核心：src/MarkdownEditor/editor/
• 元素：src/MarkdownEditor/editor/elements/（Table、Code、Image、Card 等）
• 解析/序列化：src/MarkdownEditor/editor/parser/
• 插件：src/MarkdownEditor/plugins/、src/Plugins/（chart、code、mermaid、katex 等）
• 类型：src/MarkdownEditor/types.ts

主要能力

• 流式编辑、只读模式、editorRef
• plugins、markdownRenderConfig、toolbar 配置
• 表格、代码块、公式、图表等通过插件或内置元素支持
• Jinja 模板插件：createJinjaPlugin、jinjaPlugin

开发规范

• 新增元素或插件时，遵循现有 elements/ 与 plugins/ 结构。
• 样式使用 createStyles 与 token；类型完整，避免 any。
• 参考 AGENTS.md 的 Props 命名（如 defaultValue、onChange）与 API 文档规范。

开发或修改编辑器、工具栏、插件、表格时，优先查阅 src/MarkdownEditor/ 与 AGENTS.md。

---

Source: antdigital-ai/agentic-ui — distributed by TomeVault.