Trex Dual Preview
·
Add a one-click PC & smartphone simultaneous preview to the Gutenberg block editor.
Trex Dual Preview adds a one-click PC & smartphone simultaneous preview to the WordPress block editor (Gutenberg) sidebar.
Features
- Open a modal with PC and smartphone previews side by side with one click
- Compare PC (1200-1920px) and SP (320-768px) viewports in real time
- Adjust display width instantly using sliders
- Open a full-screen dual preview in a new tab
- Automatically hides the WordPress admin bar and theme-specific toolbars (e.g. Cocoon)
- Responsive layout that adapts to window resize via ResizeObserver
Security
- Full-screen preview access is protected by wp_verify_nonce() and current_user_can()
- iframes use the sandbox attribute to restrict unnecessary permissions
- All input is sanitized and escaped (absint, sanitize_text_field, esc_url, etc.)