SuperAPI AI Directory

component-plugins

Design & creation

View repository

Updated 10-15 19:56

About this skill

Markdown Plugin Development

Provides MarkdownEditor with plugin capabilities such as charts, code highlighting, Mermaid, formulas, and formatting.

Source Location

  • Charts:src/Plugins/chart/(LineChart, BarChart, AreaChart, DonutChart, RadarChart, ScatterChart, FunnelChart, etc.)
  • Code:src/Plugins/code/(CodeBlock, etc.)
  • Mermaid:src/Plugins/mermaid/
  • KaTeX:src/Plugins/katex/
  • Formatting:src/Plugins/formatter/
  • Default plugin registration:src/Plugins/defaultPlugins etc.

Main Capabilities

  • Charts: Chart.js, etc., supporting multiple chart types and configurations
  • Code: ACE, etc., language highlighting and themes
  • Mermaid: flowcharts, sequence diagrams, etc.
  • KaTeX: mathematical formulas
  • Formatter: code formatting

Development Guidelines

  • The plugin interface is consistent with the plugins convention of MarkdownEditor; styles use tokens.
  • When adding a plugin, register it in defaultPlugins or the documentation, and add the types.

When modifying or adding a plugin, refer to src/Plugins/ and AGENTS.md。