简介

集成AI、MCP和shadcn/ui的富文本编辑器框架

Plate 是一个全面的工具包,旨在简化 React 中富文本编辑器的开发。它基于开放性组合性无头架构原则构建。

Plate 通过三大核心支柱赋能开发者:

  • 核心引擎: 一个强大的、以 React 为中心的插件系统,支持 SSR 并提供框架无关的 API。它强调模块化和可扩展性。
  • 可扩展插件: 一系列无头插件,用于增强编辑器行为、钩子、序列化和规范化功能。通过组合这些插件来构建理想的编辑体验。
  • Plate UI: 可定制组件,通过精美的预设配置加速 UI 开发。

为什么选择 Plate UI?

传统组件库常常导致妥协:要么覆盖样式、封装组件,要么混合不兼容的 API。Plate UI 提供了不同的解决方案:

它不仅仅是一个组件库,更是您构建专属组件库的方法。

  • 开放代码: 可以修改组件的每个细节。无需再与供应商样式斗争。如需调整,直接编辑代码即可。
  • 组合性: 组件共享统一的可组合接口,兼容 shadcn/ui。对开发团队和 AI 都保持可预测性。
  • CLI 分发: 使用 shadcn CLI 添加组件。支持自托管注册表。
  • 精美预设: 开箱即用的简洁、极简且一致的 UI。易于扩展和定制。
  • AI 就绪 & MCP 就绪: 开放的代码和一致的 API 使组件易于 AI 理解。MCP(模型上下文协议)兼容性简化了 AI 辅助的组件管理和更新。了解更多 MCP 服务

Plate UI 包含:

  • UI 组件: 预构建的编辑器元素样式组件(工具栏、区块、标记),基于 shadcn/ui 和 Radix UI。
  • 编辑器区块: 完整的编辑器配置模板(如 editor-ai)作为起点。
  • 独立插件: 即插即用的预配置插件。

灵感源自 shadcn/ui,您将完全拥有集成的代码控制权。

常见问题

致谢