Introduction
用于 React 的富文本编辑器框架。
Plate 是一个强大的工具包,可以让你更轻松地使用 Slate(一个流行的文本编辑器构建框架)进行开发。Plate 主要关注四个方面:核心、插件、原语和组件。
核心
Plate 的核心是其插件系统,专为 slate
和 slate-react
设计,并支持服务器端渲染。它通过分离不同的功能并保持整洁,帮助你保持项目的组织性和效率。核心功能以原生 JavaScript 提供,允许服务器端渲染和非 React 使用。
插件
Plate 提供了广泛的插件包,用于增强编辑器的行为、钩子、序列化、规范化和其他功能。这些插件是"无头"的,意味着它们默认是无样式的。插件系统包括:
- 状态管理:每个插件都有自己的 Zustand 存储。
- 快捷键:为每个插件定义自定义热键。
- API 和转换:插件可以定义自己的 API 方法和转换,通过
editor.api
和editor.transforms
访问。 - TypeScript:为插件和编辑器提供强大的类型推断。
原语
除了插件外,Plate 还提供基于 Radix UI 的无样式和可访问的组件。这些组件作为构建高质量设计系统的基础。
组件
为了帮助你从视觉上吸引人的界面开始,Plate 提供了可以通过我们的 CLI 使用的预构建样式组件。这些基于 shadcn/ui 的组件可以作为你自己组件库的参考或起点,使你能够创建独特、可访问且视觉上令人愉悦的用户界面。