258
  • 7 ratings
  • 5 reviews
  • 1,896 installations
Free
Add to project

Product support

Get help in the plugin support forum.

  • Added on Jun 5, 2017
  • Current version: 1.2.1
  • Platform Compatibility
    v3.x not tested
    v2.x not tested
    v1.x use latest
  • Created by

Categories

Page Preview lets you to preview your CMS pages before saving them. It's a real preview, which support responsiveness check, markup, code, AJAX and components. With this plugin, you can securely edit your page in production environment, and gain a lot of time.

New: Page Preview now support Rainlab Static Pages plugin (optional).

It is not invasive, no database entry nor page saved on your disk. A simple preview icon is added beside the save button when you add or edit a page, click and preview, as simple as that ! A must have.

Features

  • Preview pages while create or edit them
  • Check the responsiveness of a page with dedicated buttons
  • Edit the markup, code, layout, everything and show immediately the result
  • AJAX and components support
  • A simple icon is added, not invasive
  • Pages are cached, not saved during preview (Version control will not notice it)
  • New: Support Rainlab Static Pages plugin (optional)
  • New: Customize your preview (slugs, GET/POST parameters and user control)
  • New: Quick save after preview
Available locales

Installation

  1. Go to the Settings > Updates & Plugins page in the Backend.
  2. Click on the Install plugins button.
  3. Type the Page Preview text in the search field.

Usage

In the CMS page editor (while adding or editing a page), click the "eye" button beside the save button. A popup page will appear showing you your page preview. You can click buttons on the top of the popup in order to check the responsiveness of your page. Click on the little cross on the top right of the popup or everywhere outside the popup to close it.

Click on the Save button, to quickly save the page and close the preview. Click on the Options button to open an inspector which lets you customize your preview :

  • URL slugs : If your page url contains :slugs, you can insert them in this field in order to show the corresponding page.
  • GET/POST parameters : If your page display specific content according to GET or POST parameters, you can define them here to show the result.
  • User logged in : This option is useful if your page display specific content according to the user status.

  • Found the plugin useful on 28 Oct, 2018

    Thanks for amazing plugin!

    There is a small issue with previewing static pages if they don't have the content tab enabled (useContent = 0)

    [staticPage]
useContent = 0
default = 0

    Plugin then throws error in Frozendo\PagePreview\Classes\StaticPageController on line 37. It says that $data array doesn't have key 'markup'.

    An easy fix would be to replace the line with something like this:

    'markup'   => isset($data['markup']) ? $data['markup'] : '',

    Would be awesome if you could fix this, thanks

  • Found the plugin useful on 4 Dec, 2017

    Awesome plugin, awesome support!

  • Found the plugin not useful on 10 Nov, 2017

    It doesn't work on RainLab.Blog plugin. I think there is a bug on extending form fields

  • author

    Replied on 10 Nov, 2017

    This plugin support CMS Pages and StaticPages as mentioned in the plugin description. The Blog plugin already has a direct preview feature.

  • Found the plugin useful on 8 Oct, 2017

    This is fantastic! Should come baked into OctoberCMS! Highly recommended and excellent work!

    Keep up the awesome work (:

  • Found the plugin useful on 14 Jun, 2017

    Nice plugin! Would be incredible if it could work on Rainlab's Page plugin! :) Thanks for your work!

  • Please login to rate the plugin or write a review.
1.2.1

Add the ability to replace the default preview button.

Dec 09, 2017
1.2.0

Fixes bug where many preview buttons are displayed if repeater is used.

Dec 09, 2017
1.1.8

Replace array constants with variables because of compatibility issues with earlier versions of PHP.

Jul 24, 2017
1.1.7

Fixes bug where popup is not showing if topbar is collapsed.

Jun 23, 2017
1.1.6

Hungarian locale added thanks to Szabó Gergő.

Jun 22, 2017
1.1.5

Page preview can be accessed via GET request if the page is cached.

Jun 22, 2017
1.1.4

Responsiveness check widths changed so the range between each size is bigger.

Jun 22, 2017
1.1.3

Locale Picker component property 'forceUrl' set to false during preview to prevent redirection.

Jun 22, 2017
1.1.2

Save button added to the preview popup to quick save after preview.

Jun 22, 2017
1.1.1

Preview options added to customize the preview.

Jun 22, 2017
1.1.0

Page Preview now support Rainlab Static Pages plugin

Jun 22, 2017
1.0.1

First version of Page Preview.

Jun 05, 2017