Better Live 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

83

Last publish

Jun 4, 2026