Visual Editor
Adds a visual live editor to Payload CMS for instant content preview.
Installation
pnpm add payload-visual-editor About
This plugin integrates a visual editor directly into the Payload CMS admin interface, allowing users to see live previews of their content as they edit. It includes options for customizing the preview URL and configurations specific to collections and globals. The preview can be displayed in different modes, such as iframe or popup, and supports localization for multi-language setups. The plugin's architecture allows for the creation of a visual editor UI that interacts with the frontend, ensuring that any changes are instantly reflected in the preview. It also includes relation fallbacks for managing required fields, preventing errors from incomplete data. Users can implement this plugin by adding it to their Payload configuration and specifying the appropriate options for their content structure. Developers can easily adapt this plugin by modifying its source to meet specific project requirements. The repository also includes a demo project for quick setup and testing, showcasing how the visual editor operates within a full Payload environment.
Package info
- Package name
payload-visual-editor- Latest version
2.0.6- Unpacked size
- 93 kB
- License
- MIT
- Weekly downloads
- 27
- Last publish
- Mar 14, 2024
Similar plugins
More in ContentMenus
Adds a menus collection to Payload for building navigation with nested items, collection links, custom URLs, icons, and preview images.
Reservation and Booking Manager
Manage reservations and bookings through Payload CMS with conflict detection and scheduling.
Live Preview
Live preview for Payload CMS in Astro and any SSR/static frontend (SvelteKit, Nuxt, Next.js, plain HTML), patching the DOM without rebuilds.
FixedLink
Adds short links on your own domain to Payload documents, with links that keep working after slug changes through the FixedLink service.
Nested Docs Page Tree
Adds a nested tree view for managing documents in Payload CMS.
A/B Testing
A/B testing plugin that creates page variants in Payload collections and routes traffic at the edge via Next.js middleware.