HTML Editor

Описание

Плагин добавляет htmlEditorField в коллекции и глобалы Payload CMS 3. В панели инструментов есть жирный текст и курсив, заголовки, списки, ссылки, выравнивание текста и таблицы. Редактор работает на Tiptap, а значение хранится как строка HTML в стандартном поле textarea Payload. Это удобно, если проект уже выводит HTML или не хочет хранить контент в JSON-формате Lexical. Плагин подключается через htmlEditorPlugin({ mediaCollection }), где указывается коллекция загрузок для изображений. Каждое поле может переопределить коллекцию и задать maxUploadSize в байтах, по умолчанию это 10 МБ. Вставка изображений, выбор из медиатеки, таблицы, выравнивание и режим редактирования исходного HTML включены по умолчанию. Отключить любую из этих возможностей можно флагами features.images, features.tables, features.sourceEditing и features.textAlignment со значением false. Загрузка идет через REST API Payload с учетными данными текущего администратора, принимаются файлы JPEG, PNG, WebP и GIF. Пакет не очищает HTML. Tiptap ограничивает набор тегов и атрибутов при разборе и сохранении, и неподдерживаемые элементы удаляются, но санитизация выводимой разметки остается задачей приложения, особенно если контент пишут недоверенные пользователи. При миграции разметки из WordPress или CKEditor может понадобиться конвертация, потому что неподдерживаемые теги при сохранении теряются. Пакет требует React 19.2, Payload ^3.90.2 и Tiptap 3.31 как peer-зависимости. После добавления поля нужно перегенерировать import map Payload.

О пакете

Имя пакета

payload-html-editor

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

0.1.4

Размер

68 кБ

Лицензия

MIT

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

829

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

12 окт. 2026 г.