Installing LivePreview

  1. Extract the distribution and preserve the directories. The directories that have been extracted correspond to the directories in your Movable Type installation. Upload these directories to your Movable Type installation such that file structure looks like so:

    |__ plugins/
    |  \__ LivePreview/
    |     |__
    |     |
    |     |__ lib/
    |        |__
    |        |__ LivePreview/
    |           \__
    |__ mt-static/
    |  \__ plugins/
    |     \__ LivePreview/
    |        |__ topnav.html
    |        |
    |        |__ images/
    |        |  \__ indicator.gif
    |        |
    |        |__ js/
    |           |__ prototype.lite.js
    |           |__ moo.fx.js

    If the plugin was successfully installed, you should see something similar to this on the Plugins listing under System Overview.

    LivePreview Registration

    Important: You must disable or remove the BigPAPI plugin (if installed) for LivePreview to work. BigPAPI is no longer required with Movable Type 3.31.

  2. LivePreview has two settings that can be (optionally) configured. The first allows you to override the Preview button on the new/edit entry screen. If checked, on clicking the Preview button, you will get a LivePreview (rather than Movable Type's built in preview). If unchecked, a LivePreview button will be added alongside Preview.

    This option can be set at both the system and blog levels (with blog level configuration overriding system level)

    LivePreview Settings

    The second option can only be configured at the blog level and allows you to change the archive template that is used for the LivePreview. By default, your preferred archive type (as set under Blog Settings > Publishing) is used. However that can be changed by going to Blog Settings > Plugins > LivePreview > Show Settings and choosing a different template from the drop down menu.

    LivePreview Settings


This is part of the official user manual for LivePreview, a plugin for Movable Type by Arvind Satyanarayan.

More Information »


Click a screenshot to browse through the gallery or the arrows to flip through them


I Heart Melody