Что это такое?
Plate — это опенсорсный фреймворк для редактора с форматированием текста на React: система плагинов поверх Slate, headless-примитивы на основе Radix, готовые компоненты shadcn/ui и встроенная поддержка AI.
Plate — это опенсорсный фреймворк для редактора с форматированием текста на React: система плагинов поверх Slate, headless-примитивы на основе Radix, готовые компоненты shadcn/ui и встроенная поддержка AI.Так это готовый редактор, который я просто вставляю, или фреймворк, на котором я строю своё?Это фреймворк. В нём четыре уровня: система плагинов Core для slate-react, пакеты плагинов с поведением редактора, хуками, сериализацией и нормализацией, нестилизованные примитивы Radix UI и компоненты shadcn/ui, которые вы копируете себе через Plate CLI.
Это фреймворк. В нём четыре уровня: система плагинов Core для slate-react, пакеты плагинов с поведением редактора, хуками, сериализацией и нормализацией, нестилизованные примитивы Radix UI и компоненты shadcn/ui, которые вы копируете себе через Plate CLI.Как запустить редактор у себя?Выберите стартовый шаблон — в стиле Notion (Plate, плагины, AI, бэкенд), playground (Plate, плагины, AI) или минимальный (только Plate) — затем добавьте компоненты редактора в стиле shadcn/ui с помощью Plate CLI. Остальное описано в документации.
Выберите стартовый шаблон — в стиле Notion (Plate, плагины, AI, бэкенд), playground (Plate, плагины, AI) или минимальный (только Plate) — затем добавьте компоненты редактора в стиле shadcn/ui с помощью Plate CLI. Остальное описано в документации.Что должно быть установлено, чтобы всё заработало?Веб-стек на React (TypeScript). Для работы с самим репозиторием нужен Node.js 18.12 или новее и pnpm 9.15 или новее.
Веб-стек на React (TypeScript). Для работы с самим репозиторием нужен Node.js 18.12 или новее и pnpm 9.15 или новее.Есть ли подвох, о котором стоит знать до начала работы?Он работает только с React — ядро представляет собой систему плагинов для slate-react — и редактор вы собираете из пакетов плагинов и скопированных компонентов, а не вставляете готовый виджет целиком.
Он работает только с React — ядро представляет собой систему плагинов для slate-react — и редактор вы собираете из пакетов плагинов и скопированных компонентов, а не вставляете готовый виджет целиком.Работает ли он в мобильных или десктопных приложениях, или только в браузере?Это фронтенд-фреймворк для веб-приложений на React, поэтому он ориентирован на браузер. В README ничего не сказано про нативные сборки для мобильных устройств или десктопа.
Это фронтенд-фреймворк для веб-приложений на React, поэтому он ориентирован на браузер. В README ничего не сказано про нативные сборки для мобильных устройств или десктопа.Что именно входит в AI-часть?AI — это полноценная функция проекта: она указана среди тем проекта наряду с MCP, а шаблоны в стиле Notion и playground поставляются с включённым AI. AI-возможности подробно описаны в документации.
AI — это полноценная функция проекта: она указана среди тем проекта наряду с MCP, а шаблоны в стиле Notion и playground поставляются с включённым AI. AI-возможности подробно описаны в документации.Могу ли я оформить его под свою дизайн-систему?Да. Примитивы нестилизованы — это доступные хуки и компоненты на базе Radix UI, созданные специально для построения дизайн-систем, а компоненты shadcn/ui задуманы как отправная точка для вашей собственной библиотеки компонентов.
Да. Примитивы нестилизованы — это доступные хуки и компоненты на базе Radix UI, созданные специально для построения дизайн-систем, а компоненты shadcn/ui задуманы как отправная точка для вашей собственной библиотеки компонентов.Почему лучше взять Plate, а не подключать Slate самостоятельно?Сам по себе Slate — низкоуровневая библиотека. Plate добавляет аккуратную систему плагинов для slate-react, готовые пакеты плагинов с поведением редактора, хуками, сериализацией и нормализацией, а также готовые доступные компоненты, так что вам не приходится собирать эти слои вручную.
Сам по себе Slate — низкоуровневая библиотека. Plate добавляет аккуратную систему плагинов для slate-react, готовые пакеты плагинов с поведением редактора, хуками, сериализацией и нормализацией, а также готовые доступные компоненты, так что вам не приходится собирать эти слои вручную.Есть ли документация и поддержка на китайском языке?Да. Есть отдельная китайская документация, китайский канал в Discord, где участники сообщества отвечают на вопросы по-китайски, и китайское руководство для разработчиков, желающих внести вклад.
Да. Есть отдельная китайская документация, китайский канал в Discord, где участники сообщества отвечают на вопросы по-китайски, и китайское руководство для разработчиков, желающих внести вклад.What are similar projects?slate, lexical, arc-library, base-ui, ui, editor.js, primitives, BlockNote
slate, lexical, arc-library, base-ui, ui, editor.js, primitives, BlockNoteWhich topics is it in?radix-ui, rich-text-editor, wysiwyg, headless, shadcn-ui, design-system, accessibility, plugin-system, monorepo, editor, component-library, ui-components
radix-ui, rich-text-editor, wysiwyg, headless, shadcn-ui, design-system, accessibility, plugin-system, monorepo, editor, component-library, ui-components