_tinymce/docs/plugin_preview.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <title>Plugin: preview</title>
   5 <link href="css/screen.css" rel="stylesheet" type="text/css" />
   6 </head>
   7 <body>
   8
   9 <div class="header">
  10         <h1>Plugin: preview</h1>
  11 </div>
  12
  13 <div class="content">
  14         <p>This plugin adds a preview button to TinyMCE, pressing the button opens a popup showing the current content.</p>
  15
  16         <h3>Installation Instructions</h3>
  17         <p>
  18         <ul>
  19                 <li>Copy the preview directory to the plugins directory of TinyMCE (/jscripts/tiny_mce/plugins).</li>
  20                 <li>Add plugin to TinyMCE plugin option list example: plugins : &quot;preview&quot;.</li>
  21                 <li>Add the button name to button list, example: theme_advanced_buttons3_add : &quot;preview&quot;.</li>
  22         </ul>
  23         </p>
  24         <h3>Initialization Example</h3>
  25         <p>
  26         <div class="example">
  27         <pre>
  28 tinyMCE.init({
  29         theme : &quot;advanced&quot;,
  30         mode : &quot;textareas&quot;,
  31         plugins : &quot;preview&quot;,
  32         theme_advanced_buttons3_add : &quot;preview&quot;,
  33         plugin_preview_width : &quot;500&quot;,
  34         plugin_preview_height : &quot;600&quot;
  35 });</pre>
  36         </div>
  37         </p>
  38         <p>
  39         <h3>Options</h3>
  40         </p>
  41         <p>
  42         <table border="1" cellspacing="0" cellpadding="4">
  43         <tr>
  44                 <td>[plugin_preview_width]</td>
  45                 <td>Preview window width. Defaults to 550.</td>
  46         </tr>
  47         <tr>
  48                 <td>[plugin_preview_height]</td>
  49                 <td>Preview window height. Defaults to 600.</td>
  50         </tr>
  51         <tr>
  52                 <td>[plugin_preview_pageurl]</td>
  53                 <td>Custom preview page URL relative from theme use "../../plugins/preview/example.html" for a example.</td>
  54         </tr>
  55         </table>
  56         </p>
  57 </div>
  58
  59 <div class="footer">
  60         <div class="helpindexlink"><a href="index.html">Index</a></div>
  61         <div class="copyright">Copyright &copy; 2003-2006 <a href="http://www.moxiecode.com">Moxiecode Systems AB</a></div>
  62         <br style="clear: both" />
  63 </div>
  64
  65 </body>
  66 </html>