Lexical Inline Rich Text Editor
Добавляет редактирование полей richText Payload прямо на странице: клик по тексту открывает редактор без перехода в админку.
Установка
pnpm add @payload-onpage/lexical Описание
Пакет позволяет редакторам менять поля richText Payload прямо на отрендеренной странице, не открывая админ-форму. Это часть payload-onpage, набора инструментов для редактирования на странице и черновых превью в Payload CMS с Next.js. Пакет читает и записывает JSON в формате Lexical, поэтому контент остается совместимым со стандартным редактором @payloadcms/richtext-lexical. Редактор регистрируется для типа richText через lexicalEditors с ключом richText в режиме inline и принимает только поля richText. Адаптер Next.js подключает его по умолчанию. Компонент редактора загружается лениво: его код запрашивается только тогда, когда пользователь открывает поле richText. Редактируются узлы root, paragraph, heading, quote, list, listitem, text, linebreak, tab и link, при этом ссылки сохраняют форму link из Payload. Остальные узлы, такие как uploads, blocks и relationships, оборачиваются в непрозрачные плейсхолдеры и при сохранении возвращаются без изменений. Пакет имеет peer-зависимости от lexical, а также от @lexical/list, @lexical/rich-text, @lexical/selection и @lexical/utils версий ~0.50.0 или ~0.52.0, и от React ^19.0.0. Эти версии совпадают с тем, что Payload 3.90 использует для поля richText на Lexical. Точка входа '.' экспортирует реестр редакторов и функции конвертации (toEditorState, fromEditorState, plainText, isRichTextState), а './editor' экспортирует React-компонент и классы узлов. Требуется Node.js 20.9.0 или новее. Текущая версия 0.5.0, лицензия MIT.
О пакете
- Имя пакета
@payload-onpage/lexical- Последняя версия
0.6.0- Размер
- 107 кБ
- Лицензия
- MIT
- Загрузок в неделю
- 1,6 тыс.
- Последняя публикация
- 13 окт. 2026 г.
Ещё от jellologic
Профиль автораonpage for TanStack Start
Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.
On-Page Editing
Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.
OnPage for Next.js App Router
Адаптер для Next.js App Router, который добавляет inline-редактирование и предпросмотр черновиков для страниц на Payload.
onpage core
Фреймворк-независимое ядро onpage для кликабельного редактирования черновых превью с сохранением через REST API Payload.
On-Page React Editor
Добавляет на React-страницы Payload визуальный редактор: тулбары, панели и редакторы полей поверх отрисованной страницы.