Better Live Preview
Enhances live preview for Payload CMS with admin/preview sync and hover highlighting.
Installation
pnpm add payload-better-preview About
Better Live Preview integrates with Payload CMS to provide improved live editing capabilities. It allows users to see real-time updates with features like hover highlighting to identify blocks, and bi-directional synchronization between the admin and preview views. When a block is clicked in the admin, the preview highlights and scrolls to it, and vice versa. This functionality helps streamline the editing process by providing immediate feedback on changes. To install, you register the plugin in your Payload configuration with customizable options such as accent color and scroll alignment. The plugin works with nested blocks and requires proper data attributes to ensure accurate synchronization between the admin interface and the preview. Overall, it enhances content management by making editing intuitive and efficient. The plugin requires Payload version 3.0.0 or higher and supports Lexical for rich text editing, offering additional syncing capabilities for embedded blocks within rich text fields.
Package info
- Package name
payload-better-preview- Latest version
2.1.3- Unpacked size
- 99 kB
- License
- MIT
- Weekly downloads
- 103
- Last publish
- Jun 4, 2026
More from scorpio-99
View profileInvoice PDF
Manage invoices and quotes with PDF generation and email delivery.
for notifications
Adds in-dashboard notifications with live updates in Payload admin.
Multi-provider SMS
Send SMS through various providers in Payload CMS.
Reservation and Booking Manager
Manage reservations and bookings through Payload CMS with conflict detection and scheduling.