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
- 22
- Last publish
- Mar 14, 2024
Similar plugins
More in ContentShaggle Core
Adds ready-made collections, globals, and layout blocks for agency and hospitality sites to a Payload CMS config.
Meilisearch
Syncs Payload CMS collection documents to a Meilisearch index via afterChange and afterDelete hooks.
Nested Docs
Adds parent-child document hierarchies with auto-generated breadcrumbs to Payload collections.
Redirects
Manage redirects directly within the Payload CMS admin panel.
Iframe Tabs
Add iframes into separate tabs in the Payload admin panel.
Relationship Enhancer
Enhances relationships in Payload CMS with referential integrity and bi-directional support.