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
- 48
- Last publish
- Mar 14, 2024
Similar plugins
More in ContentCollaborative Comments
Adds document-level and field-level comments to the Payload admin panel, with @mentions, email notifications, resolution, multi-tenancy and locale filtering.
Dub
A Payload CMS plugin that automatically creates and manages shortlinks using Dub.
Nested Docs Page Tree
Adds a nested tree view for managing documents in Payload CMS.
Puck visual page builder
Integrate Puck visual page builder with Payload CMS for drag-and-drop editing.
Structured Markdown
Enables structured Markdown editing and rendering with advanced authoring features.
A/B Testing
A/B testing plugin that creates page variants in Payload collections and routes traffic at the edge via Next.js middleware.