_tinymce/docs/plugin_flash.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: flash</title>
   5 <link href="css/screen.css" rel="stylesheet" type="text/css" />
   6 </head>
   7 <body>
   8
   9 <div class="header">
  10         <h1>Plugin: flash</h1>
  11 </div>
  12
  13 <div class="content">
  14         <p>This is the &quot;Insert Flash&quot; Dialog, it enables users to insert flash movies into TinyMCE.</p>
  15         <p>You can control the wmode, quality and menu by setting the flash_wmode, flash_quality and flash_menu options.</p>
  16
  17         <h3>Installation Instructions</h3>
  18         <p>
  19         <ul>
  20                 <li>Copy the flash directory to the plugins directory of TinyMCE (/jscripts/tiny_mce/plugins).</li>
  21                 <li>Add plugin to TinyMCE plugin option list example: plugins : &quot;flash&quot;.</li>
  22                 <li>Add this &quot;img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]&quot; to extended_valid_elements option.</li>
  23                 <li>Add the flash button name to button list, example: theme_advanced_buttons3_add : &quot;flash&quot;.</li>
  24         </ul>
  25         </p>
  26         <h3>Initialization Example</h3>
  27         <p>
  28         <div class="example">
  29         <pre>
  30 tinyMCE.init({
  31         theme : &quot;advanced&quot;,
  32         mode : &quot;textareas&quot;,
  33         plugins : &quot;flash&quot;,
  34         extended_valid_elements : &quot;img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]&quot;
  35         flash_external_list_url : &quot;example_flash_list.js&quot;, // Optional URL to a list of SWF movies
  36         flash_wmode : &quot;transparent&quot;,
  37         flash_quality : &quot;high&quot;,
  38         flash_menu : &quot;false&quot;
  39 });</pre>
  40         </div>
  41         </p>
  42
  43         <div class="separator"></div>
  44
  45         <h3>Additional note</h3>
  46         <p>
  47         The flash plugin has been heavily modified (the original is editor_plugin_original.js) since the original did not play nicely with html content that already contained existing flash tags and in fact stripped out the object
  48         tags for existing flash html. The rewrite corrects this as well attempts
  49         to preserve the existing flash tags where possible. The tinyMCE.init call
  50         should be be something like:
  51         </p>
  52         <h3>Initialization Example</h3>
  53         <p>
  54         <div class="example">
  55         <pre>
  56 tinyMCE.init({
  57         theme : &quot;advanced&quot;,
  58         mode : &quot;textareas&quot;,
  59         plugins : &quot;flash&quot;,
  60         extended_valid_elements : &quot;img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name|obj|param|embed]&quot;
  61 });</pre>
  62         </div>
  63         </p>
  64         <p>Note the extra obj,param,embed attributes for the img tag. These attributes
  65         are used to serialize data from existing flash tags so that they can be
  66         properly restored. Editing a flash tag with the plugin will cause this
  67         information to be lost (sorry!) but still produces a working flash nevertheless.
  68         </p>
  69         </div>
  70 </div>
  71
  72 <div class="footer">
  73         <div class="helpindexlink"><a href="index.html">Index</a></div>
  74         <div class="copyright">Copyright &copy; 2003-2006 <a href="http://www.moxiecode.com">Moxiecode Systems AB</a></div>
  75         <br style="clear: both" />
  76 </div>
  77
  78 </body>
  79 </html>