Drupal is a registered trademark of Dries Buytaert
seven 2.0.0-beta6 — New beta version released for theme seven (2.0.0-beta6). seven 1.0.1-beta1 — First beta version released for theme seven (1.0.1-beta1). raven 7.3.7 — Minor update available for module raven (7.3.7). user_reference_invite 1.3.1 — Minor update available for module user_reference_invite (1.3.1). user_reference_invite 1.3.0 — Minor update available for module user_reference_invite (1.3.0). flowdrop_ui 1.3.0 — Minor update available for module flowdrop_ui (1.3.0). flowdrop_ai_provider 1.0.1 — Minor update available for module flowdrop_ai_provider (1.0.1). cloudfront_cache_path_invalidate 4.1.2 — Minor update available for module cloudfront_cache_path_invalidate (4.1.2). ckeditor5_bootstrap 1.0.1 — Minor update available for module ckeditor5_bootstrap (1.0.1). site_template_helper 1.0.2 — Minor update available for module site_template_helper (1.0.2). modal_page 6.0.0-beta13 — New beta version released for module modal_page (6.0.0-beta13). module_builder 4.2.2 — Minor update available for module module_builder (4.2.2). universal_file_utils 3.0.0-beta3 — New beta version released for module universal_file_utils (3.0.0-beta3). one_page_crm_api 1.0.0-beta2 — New beta version released for module one_page_crm_api (1.0.0-beta2). one_page_crm_api 1.0.0-beta1 — First beta version released for module one_page_crm_api (1.0.0-beta1). accesstools 2.0.0 — Module accesstools updated after 10 months of inactivity (2.0.0). pulse_theme — New module pulse_theme appeared in the Drupal ecosystem. search_api_page — New module search_api_page appeared in the Drupal ecosystem. google_image_sitemap — New module google_image_sitemap appeared in the Drupal ecosystem. user_visits — New module user_visits appeared in the Drupal ecosystem.
← All modules

same_page_preview

153 sites Security covered
View on drupal.org

Create, edit and preview content on the same page.

Wouldn't it be nice to see a preview on the same page as the form you're editing?

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.

Demo


Consider adding Same Page Preview to Core

The Plan

We have a 3-part plan for building this feature in stages:

✅ Stage 1: Have a preview on the same page as the edit page. (Done, basically)
✅ Stage 2: Update the preview when the user stops typing in a form field (current focus)
💭 3: Make form fields Reactive (Edits update the preview immediately)

Status

2.1 is out! Upgrade to Drupal 10.1 and use this module! Of our Stage 2 goals, we're done with most of the improvements we want to make including:

  • Accessibility enhancements.
  • Better use cases for mobile / desktop users
  • Moving all the logic into the off-canvas dialog

We are currently working on more accessibility improvements.

Help us know if Stage 2 is really done or not. Try it out. See if it fits your use case. Let us know what more we can improve.

Next Steps

Increase adoption of this feature so we can get good feedback on what to improve next. There is likely a lot we can improve before we seek to get this working in a truly reactive way.

High level goals:

  • Talk to distribution / recipe creators and see if can include this feature.
  • Raise awareness of this module with the Drupal community
  • Continue to improve accessibility
  • Start process of getting this into Core
  • Continue to imagine how we could do Phase 3

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.

Activity

Total releases
3
First release
Mar 2026
Latest release
1 day ago
Release cadence
0 days
Stability
33% stable

Release Timeline

Releases

Version Type Release date
3.0.0-beta1 Pre-release Mar 15, 2026
3.0.x-dev Dev Mar 15, 2026
2.1.5 Stable Mar 15, 2026