Title: Trex Dual Preview
Author: trex2026
Published: <strong>24. Marta 2026.</strong>
Last modified: 24. Marta 2026.

---

Pretražite dodatke

![](https://ps.w.org/trex-dual-preview/assets/banner-772x250.png?rev=3490383)

![](https://ps.w.org/trex-dual-preview/assets/icon-256x256.png?rev=3490383)

# Trex Dual Preview

 Od [trex2026](https://profiles.wordpress.org/trex2026/)

[Skini](https://downloads.wordpress.org/plugin/trex-dual-preview.2.5.0.zip)

 * [Detalji](https://bs.wordpress.org/plugins/trex-dual-preview/#description)
 * [Recenzije](https://bs.wordpress.org/plugins/trex-dual-preview/#reviews)
 *  [Instalacija](https://bs.wordpress.org/plugins/trex-dual-preview/#installation)
 * [Razvoj](https://bs.wordpress.org/plugins/trex-dual-preview/#developers)

 [Podrška](https://wordpress.org/support/plugin/trex-dual-preview/)

## Opis

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.)

## Slike ekrana

[⌊The trigger button in the editor sidebar.⌉⌊The trigger button in the editor sidebar
.⌉[

The trigger button in the editor sidebar.

[⌊Modal showing PC and SP previews simultaneously (with sliders).⌉⌊Modal showing
PC and SP previews simultaneously (with sliders).⌉[

Modal showing PC and SP previews simultaneously (with sliders).

[⌊Full-screen dual preview opened in a new tab.⌉⌊Full-screen dual preview opened
in a new tab.⌉[

Full-screen dual preview opened in a new tab.

## Instalacija

 1. Upload the plugin ZIP and activate it from the Plugins menu.
 2. Open any post or page in the block editor (Gutenberg).
 3. In the right sidebar, go to the “Post” tab and click the “PC/SP Dual Preview” button.
 4. Save as a draft first to preview the latest content.

## ČPP

### The preview is blank.

Please save your post as a draft first. Without saving, a preview URL cannot be 
generated.

### The admin bar is visible in Cocoon theme.

This was fixed in v2.3.2 and later. Please update to the latest version.

### Is this available to non-administrator users?

Yes. Any user with the edit_post capability (Editor, Author, etc.) can use it.

## Recenzije

Nema recenzija za ovaj dodatak.

## Saradnici i programeri

“Trex Dual Preview” is open source software. The following people have contributed
to this plugin.

Doprinositelji

 *   [ trex2026 ](https://profiles.wordpress.org/trex2026/)

[Prevedi “Trex Dual Preview” na vaš jezik.](https://translate.wordpress.org/projects/wp-plugins/trex-dual-preview)

### Zainteresirani za razvoj?

[Pregledajte kôd](https://plugins.trac.wordpress.org/browser/trex-dual-preview/),
pogledajte [SVN spremište](https://plugins.svn.wordpress.org/trex-dual-preview/)
ili se pretplatite na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/trex-dual-preview/)
od [RSS](https://plugins.trac.wordpress.org/log/trex-dual-preview/?limit=100&mode=stop_on_copy&format=rss).

## Zapis promijena

#### 2.4.3

 * Fix: Remove Plugin URI to avoid conflict with Author URI (WordPress.org submission
   requirement)

#### 2.4.2

 * Add: Usage notes added to modal footer and full-screen page footer (save reminder&
   display accuracy notice)

#### 2.4.1

 * Fix: Apply esc_html() / esc_url() directly at output point to pass Plugin Check(
   OutputNotEscaped)
 * Fix: Updated “Tested up to” to WordPress 6.9
 * Fix: Short description and description rewritten in English per WordPress.org
   guidelines

#### 2.4.0

 * Refactor: Full code rewrite with PHPDoc / JSDoc comments
 * Refactor: WordPress Coding Standards (WPCS) compliance
 * Refactor: JS restructured as IIFE with TDP namespace object
 * Add: ARIA attributes for improved accessibility
 * Improve: PC preview height now dynamically maximized
 * Improve: Full-screen loading overlay fully removed from DOM after transition

#### 2.3.4

 * Add: Full-screen loading overlay for new-tab preview
 * Fix: Pre-set initial clip width in HTML attribute to eliminate flash
 * Fix: Changed initialization timing to DOMContentLoaded

#### 2.3.3

 * Change: PC slider range changed to 1200-1920px

#### 2.3.2

 * Fix: Removed overly broad CSS selector ([class*=”toolbar”]) from injected styles
 * Fix: PC slider minimum changed to 769px (avoids Cocoon breakpoint)

#### 2.3.1

 * Change: PC slider minimum changed to 768px

#### 2.3.0

 * Improve: PC preview height now dynamically fills the window

#### 2.2.0

 * Improve: SP preview height adapts to window height via ResizeObserver

#### 2.1.0

 * Add: Real-time width slider for both PC and SP previews

#### 2.0.3

 * Change: Author changed to “Pro Engineer Trex”

#### 2.0.2

 * Fix: Remove Cocoon toolbar (fixed bottom bar) in full-screen preview

#### 2.0.1

 * Fix: Blank iframe in new-tab full-screen preview

#### 2.0.0

 * Add: “Open in new tab” full-screen dual preview via template_redirect endpoint

#### 1.0.5

 * Initial stable release

## Meta

 *  Version **2.5.0**
 *  Last updated **prije 6 mjeseci**
 *  Active installations **Manje od 10**
 *  WordPress version ** 6.0 ili viša **
 *  Tested up to **6.9.9**
 *  PHP version ** 8.0 ili viša **
 *  Language
 * [English (US)](https://wordpress.org/plugins/trex-dual-preview/)
 * Tags
 * [block-editor](https://bs.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://bs.wordpress.org/plugins/tags/gutenberg/)
   [preview](https://bs.wordpress.org/plugins/tags/preview/)[responsive](https://bs.wordpress.org/plugins/tags/responsive/)
 *  [Napredni pogled](https://bs.wordpress.org/plugins/trex-dual-preview/advanced/)

## Ocjene

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/trex-dual-preview/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/trex-dual-preview/reviews/)

## Doprinositelji

 *   [ trex2026 ](https://profiles.wordpress.org/trex2026/)

## Podrška

Imate nešto za reći? Trebate pomoć?

 [Pogledaj forum podrške](https://wordpress.org/support/plugin/trex-dual-preview/)