Lexical Typography

Описание

payload-lexical-typography добавляет в редактор Lexical (@payloadcms/richtext-lexical) инструменты типографики, которых нет в стандартной поставке Payload. Пакет экспортирует пять независимых фич: TextColorFeature, TextSizeFeature, TextLetterSpacingFeature, TextLineHeightFeature и TextFontFamilyFeature. Каждая регистрируется через `lexicalEditor({ features })`, построена с помощью `createServerFeature` и отображается в тулбаре редактора как выпадающий список. Каждая фича принимает список пресетов и опциональное поле для произвольного значения. TextColorFeature принимает массив `colors` (строки или пары `{value, label}`), поддерживает переключение между сеткой и списком, и может скрывать встроенный color picker на базе `react-colorful`. Фичи размера, межбуквенного и межстрочного интервала принимают пресеты с подписями и параметр `method`: `"replace"` заменяет пресеты по умолчанию, `"combine"` добавляет к ним. Также доступны параметр `scroll` для длинных списков и флаг для отключения свободного ввода. TextFontFamilyFeature позволяет зарегистрировать семейства шрифтов, но загрузку веб-шрифтов и `@font-face` нужно реализовать в проекте самостоятельно. Для рендера разметки вне редактора нужны конвертеры из подмодуля `/converters` (начиная с версии 0.1.0 они находятся там, а не в `/client`). `TypographyJSXConverters` и `TypographyHTMLConverters` нужно развернуть (spread) в существующие функции конвертации. Peer dependencies: @payloadcms/richtext-lexical и @payloadcms/ui ^3.43, React 19. Лицензия MIT, автор Adrian Maj.

О пакете

Имя пакета

payload-lexical-typography

Последняя версия

0.5.2

Размер

458 кБ

Лицензия

MIT

Загрузок в неделю

1,9 тыс.

Последняя публикация

4 нояб. 2025 г.