Rich Text Lexical React Native
Рендерит сериализованный контент Lexical из Payload CMS в React Native-приложениях с переопределяемыми конвертерами и нативными примитивами.
Установка
pnpm add @lizardglobal/payload-richtext-lexical-react-native Описание
Это форк `@payloadcms/richtext-lexical`, в который добавлена точка входа для рендеринга в React Native. Компонент `RichText` импортируется из сабпата `@lizardglobal/payload-richtext-lexical-react-native/react-native` и принимает editor state JSON через проп `data`. Дерево документа отрисовывается стандартными примитивами React Native: `View`, `Text`, `Image` и `Pressable`. В комплекте идут встроенные конвертеры для стандартных типов узлов: blockquote, heading, horizontal rule, line break, link, list, paragraph, tab, table, text и upload. Любой конвертер можно заменить через проп `converters`, а базовые примитивы подменяются через проп `primitives`, чтобы вывод соответствовал дизайн-системе приложения. Поскольку в React Native нет встроенной обработки ссылок, внешние ссылки обрабатываются через коллбэк `onExternalLinkPress`, который разработчик реализует сам, обычно через `Linking.openURL`. Помимо самого компонента, пакет экспортирует низкоуровневые хелперы: `convertLexicalToReactNative`, `convertLexicalNodesToReactNative`, `defaultReactNativeConverters` и `defaultReactNativePrimitives`. API намеренно близко к существующему React-рендереру, поэтому миграция существующих вызовов обычно требует минимальных изменений. Через `converters` можно полностью переопределить логику рендера конкретного узла, включая платформенно-зависимое поведение вроде навигации по internal relationship links. Пакет экспериментальный, версия 0.1.1. API, схемы коллекций и поведение могут меняться без гарантий стабильности. Известные проблемные места: обработка неизвестных и кастомных типов узлов, internal relationship links, производительность на больших деревьях документа, layout таблиц, обработка изображений и дефолтные URL. Peer-зависимости: Payload 3.80.0, `@payloadcms/next` 3.80.0, React 19, React DOM 19, React Native >=0.72.0 (опционально). Дополнительно доступны унаследованные от upstream-форка точки входа: React, client и rsc.
О пакете
- Имя пакета
@lizardglobal/payload-richtext-lexical-react-native- Последняя версия
0.1.4- Размер
- 4,4 МБ
- Лицензия
- MIT
- Загрузок в неделю
- 2
- Последняя публикация
- 4 авг. 2026 г.
Ещё от LizardGlobalGH
Профиль автораCollection References
Плагин для Payload CMS, который автоматически удаляет или обнуляет ссылки на документ при его удалении.
Dry Run
Плагин для Payload CMS: проверяет операцию create с полным циклом валидации, хуков и доступа, затем откатывает транзакцию.
Discord Sync
Синхронизирует гильдии, каналы, участников и роли Discord с коллекциями Payload по запросу, через HTTP или по расписанию через discord.js.
Похожие плагины
Ещё в категории «Контент»Sitemap
Строит sitemap.xml из коллекций Payload и статических страниц и хранит файлы в любом storage adapter.
Structured Markdown
Обеспечивает структурированный Markdown-редактирование для Payload CMS с расширенными функциями.
AI Plugin
Интегрирует функции ИИ для генерации контента в Payload CMS.
onpage for TanStack Start
Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.
On-Page Editing
Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.
Lexical Inline Rich Text Editor
Добавляет редактирование полей richText Payload прямо на странице: клик по тексту открывает редактор без перехода в админку.