介绍
富文本编辑器框架,支持 AI、MCP 和 shadcn/ui
Plate 是一个旨在简化 React 富文本编辑器开发的综合工具包,基于开放性、组合性和无头架构原则构建。
Plate 通过三大核心支柱赋能开发者:
- 核心引擎: 强大的 React 插件系统,支持 SSR,API 框架无关,强调模块化和可扩展性。
- 可扩展插件: 丰富的无头插件,增强编辑器行为、hooks、序列化和规范化。自由组合,打造理想编辑体验。
- 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 组件: 预构建、样式化的编辑器元素组件(工具栏、块、marks),基于 shadcn/ui 和 Radix UI。
- 编辑器块: 完整编辑器配置(如
editor-ai
)作为起点。 - 独立插件: 配置好的插件,随时集成。
灵感来自 shadcn/ui,你拥有集成代码的所有权和完全控制权。