_tinymce/docs/plugin_advimage.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: advimage</title>
   5 <link href="css/screen.css" rel="stylesheet" type="text/css" />
   6 </head>
   7 <body>
   8
   9 <div class="header">
  10         <h1>Plugin: advimage</h1>
  11 </div>
  12
  13 <div class="content">
  14         <p>This is a more advanced image dialog mostly based on code contributed by Michael Keck. This one supports mouseover/out image swapping.</p>
  15
  16         <h3>Installation Instructions</h3>
  17         <p>
  18         <ul>
  19                 <li>Copy the advimage directory to the plugins directory of TinyMCE (/jscripts/tiny_mce/plugins).</li>
  20                 <li>Add plugin to TinyMCE plugin option list example: plugins : &quot;advimage&quot;.</li>
  21                 <li>Add this &quot;a[name|href|target|title|onclick]&quot; to extended_valid_elements option.</li>
  22         </ul>
  23         </p>
  24
  25         <p>
  26                 <table border="1" cellspacing="0" cellpadding="4">
  27                          <thead><td colspan="2">Advimage plugin options</td></thead>
  28                          <tbody>
  29                                  <tr><td><strong>advimage_styles</strong></td><td>This option should contain a semicolon separated list of class titles and class names separated by =. The titles are the ones that get presented to the user in the styles drop down list and and the class names is the classes that gets inserted.</td></tr>
  30                                  <tr><td><strong>advimage_update_dimensions_onchange</strong></td><td>This option enables you to control if the image dimensions should be updated with new data if the image src field is changed. This option is enabled by default.</td></tr>
  31                         </tbody>
  32                 </table>
  33                 <br />
  34         </p>
  35
  36         <h3>Initialization Example</h3>
  37         <p>
  38         <div class="example">
  39         <pre>
  40 tinyMCE.init({
  41         theme : &quot;advanced&quot;,
  42         mode : &quot;textareas&quot;,
  43         plugins : &quot;preview&quot;,
  44         extended_valid_elements : &quot;a[name|href|target|title|onclick]&quot;
  45 });
  46 </pre>
  47         </div>
  48         </p>
  49 </div>
  50
  51 <div class="footer">
  52         <div class="helpindexlink"><a href="index.html">Index</a></div>
  53         <div class="copyright">Copyright &copy; 2005 Moxiecode Systems AB</div>
  54         <br style="clear: both" />
  55 </div>
  56
  57 </body>
  58 </html>