Drupal Canvas's visual editor keeps the page preview non-interactive while you're editing, so components with click behavior, tabs, accordions, dropdowns, can't be tested without leaving the editor and viewing the page live. This module adds a floating "Interact with preview" button to the Canvas editor that lets you click around the actual rendered page, right inside the editor, then switch straight back to selecting and editing components.
Features
- One-click toggle button, fixed to the bottom of the Canvas editor screen, always visible while editing.
- Click once to enter interactive mode: the preview behaves like the live page, so tabs switch, accordions expand, and other JS-driven components respond normally.
- Click again (or press Escape) to leave interactive mode and go back to selecting/editing components as usual.
- No configuration required to use it: install and the button appears automatically on every Canvas editor page.
- Zero impact on the published site. It only affects the editor UI, nothing added to the front end.
Use this module any time you're building or reviewing a page with interactive components in Canvas and need to confirm they actually work, without the extra steps of saving, leaving the editor, and opening the page separately.
Post-Installation
Nothing to configure to start using it. Enable the module and open any node in the Canvas editor: the "Interact with preview" button appears automatically at the bottom of the screen.
An optional settings page is available at Configuration → Content → Canvas Interactive Toggle (/admin/config/content/canvas-interactive-toggle) with a single checkbox to show or hide the button, useful if you want to disable it for certain roles or environments via configuration management.
Additional Requirements
Requires the Canvas module. No other dependencies, libraries, or external services.
Recommended modules/libraries
None. The module is intentionally minimal and works standalone alongside Canvas.
Similar projects
None known. This module works around a specific, documented limitation of Canvas core's editor preview iframe (interactive mode is currently an undocumented, in-development feature reachable only by holding a keyboard shortcut). No other project currently surfaces this as a usable button.
Depends on
Dependencies of the latest stable release
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.