component-markdown-editor

star 209

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.

antdigital-ai By antdigital-ai schedule Updated 3/13/2026

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.

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
  • pluginsmarkdownRenderConfigtoolbar 配置
  • 表格、代码块、公式、图表等通过插件或内置元素支持
  • Jinja 模板插件:createJinjaPluginjinjaPlugin

开发规范

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

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

Install via CLI
npx skills add https://github.com/antdigital-ai/agentic-ui --skill component-markdown-editor
Repository Details
star Stars 209
call_split Forks 35
navigation Branch main
article Path SKILL.md
More from Creator
antdigital-ai
antdigital-ai Explore all skills →