[Sommaire] [Imprimer]

   1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2  <html>
   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; 2005 Moxiecode Systems AB</div>
  62      <br style="clear: both" />
  63  </div>
  64  
  65  </body>
  66  </html>