Visual Editor

Обеспечивает возможность редактировать текстовые поля с живым предпросмотром в Payload CMS.

Сообщество 5 48/нед MIT v1.0.4

Установка

pnpm add payload-plugin-visual-editor

Описание

Плагин Visual Editor позволяет редактировать текстовые поля непосредственно в режиме живого предпросмотра в Payload CMS. Изменения автоматически обновляются в админской форме документа при нажатии кнопки 'Готово', при этом они сохраняются как черновики. Поддерживаются такие типы полей для редактирования, как текст, textarea, число и richText. Плагин упрощает интеграцию с существующими структурами контента, исключая необходимость в дополнительных атрибутах данных или ручных обертках полей. Для использования плагина разработчики должны зарегистрировать его в конфигурации Payload, указав коллекции и поля, которые можно редактировать. Конфигурация поддерживает allowlists и blocklists для путей полей, предоставляя гибкость в возможностях редактирования. Для установки необходимо настроить зависимости `@payloadcms/ui` и `@payloadcms/live-preview`. Также необходимо настроить живой предпросмотр для каждой коллекции, в которой применяется плагин. Правки, внесенные в визуальном редакторе, немедленно отражаются в админской форме. Плагин включает `VisualEditorListener`, который управляет синхронизацией и обновлениями, обеспечивая актуальность контента в реальном времени во время сеансов. Разработчикам следует обеспечить монтирование слушателя в макете фронтенда, чтобы обеспечить правильную работу функционала.

О пакете

Имя пакета
payload-plugin-visual-editor
Последняя версия
1.0.4
Размер
236 кБ
Лицензия
MIT
Загрузок в неделю
48
Последняя публикация
16 июн. 2026 г.

Ещё от krzysztofradomski

Профиль автора

onpage for TanStack Start

Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.

On-Page Editing

Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.

On-Page React Editor

Добавляет на React-страницы Payload визуальный редактор: тулбары, панели и редакторы полей поверх отрисованной страницы.

Collaborative Comments

Добавляет комментарии на уровне документов и полей в админку Payload, с упоминаниями, email-уведомлениями, разрешением, мультитенантностью и фильтрацией по локали.

Dub

Плагин для Payload CMS для автоматического создания и управления короткими ссылками с использованием Dub.

Visual Editing

Плагин для Payload CMS 3.x добавляет на фронтенд оверлеи редактирования: клик по элементу открывает нужное поле в админке.