Part of the Canvas ecosystem · 41 projects
This module adds a button to the Drupal Canvas visual editor, allowing you to interact with page elements like tabs and accordions directly within the editor. This lets you test and preview interactive components without needing to save and view the page live.
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.
Ask your assistant about Canvas Interactive Toggle
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
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
More in the Canvas ecosystem
Most installed first