This module allows you to create, edit, and preview content on the same page. It improves the preview functionality by displaying the preview next to the editing form, with updates happening as you type or when you stop typing.
Create, edit and preview content on the same page.
Wouldn't it be nice to see a preview of what you're editing, while you're editing it? Like this?
Edit your content and see the result beside the form, before saving. Click the screenshot for the full-size view.
Photo: Keith Jay, Drupal Umami demonstration content, CC BY-SA 4.0.
Same Page Preview upgrades the functionality of the Preview button to give content workers a view of what they're editing and how it looks like.
Version 3.0.0 is coming soon
Version 3.0.0-rc5 is now available for community testing. It improves loading feedback during field-triggered refreshes and respects each content type's "Preview before submitting" setting, building on the settings, accessibility and compatibility improvements in earlier candidates.
We plan to release stable 3.0.0 soon. Please test rc5 on your site and report any release-blocking issues. Try creating and editing content, field-triggered refreshes, view modes, preview settings, and your usual keyboard or screen-reader workflow. If no new blockers emerge during community testing, stable 3.0.0 is planned next.
Version 3 requires Drupal 11.2 or newer and PHP 8.3 or newer. Run drush updb when upgrading from earlier releases; rc5 introduces no new database updates. See the release notes for details.
Backstory
During Florida DrupalCamp 2023, we got together to discuss a "Live Preview" feature. After talking through what features exist in Drupal today we discovered that there is a bit of low-hanging fruit in improving the Preview system. Let's just display Previews on the same page of the edit form.
On Mar 29, 2023, we released our first alpha of same_page_preview. This version is our first initial effort to represent what this idea is. We're in the process of fixing any bugs and feedback from that release while putting the majority of our focus on Phase 2.
Way we work
Team members are in the #preview channel in Drupal's Slack working through issues. We're a bunch of volunteers who are excited about this idea. We try to get together every other Wednesday at 4:00 PM Wednesday, Coordinated Universal Time (UTC) to report on a "sprint" worth's of work and strategize.
We mainly use the issues in this queue to report bugs, implement new features, and contain our understanding about plans and strategy. Please jump in and help us think through what this feature should be.
Ask your assistant about Same Page Preview
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Release Timeline
Releases
| Version | Type | Core | PHP | Release date | |
|---|---|---|---|---|---|
| 2.1.2 | Stable | 10 | Oct 10, 2023 | ||
| 2.1.1 | Stable | 9–10 | Jun 9, 2023 | ||
| 2.1.0 | Stable | 9–10 | Jun 6, 2023 | ||
| 2.1.x-dev | Dev | 10 | Jun 4, 2023 | ||
| 2.0.0-alpha3 | Pre-release | 9–10 | Apr 17, 2023 | ||
| 2.0.0-alpha2 | Pre-release | 9–10 | Apr 17, 2023 | ||
| 2.0.0-alpha1 | Pre-release | 9–10 | Apr 17, 2023 | ||
| 2.0.x-dev | Dev | 9–10 | Mar 29, 2023 | ||
| 1.0.0-alpha1 | Pre-release | 9–10 | Mar 29, 2023 | ||
| 1.0.x-dev | Dev | 9–10 | Mar 14, 2023 |