Project

General

Profile

Download (9.53 KB) Statistics
| Revision:

wb-archiv283/branches/2.8.x/wb/modules/fckeditor/fckeditor/editor/plugins/swfobject/docs/install.html @ 1202

1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 
"http://www.w3.org/TR/html4/loose.dtd">
3 
<html lang="en">
4 
<head>
5 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 
<title>SWFObject plugin</title>
7 
<link href="styles.css" rel="stylesheet" type="text/css">
8 
</head>
9 

    		
  

  

    
      10
    
    
      
<body>


    		
  

  

    
      11
    
    
      
<h1>SWFObject Plugin for FCKeditor</h1>


    		
  

  

    
      12
    
    
      
<!--


    		
  

  

    
      13
    
    
      
<div id="languages"> Change your language 


    		
  

  

    
      14
    
    
      
  <ul>


    		
  

  

    
      15
    
    
      
    <li><a href="install_es.html" lang="es"><img src="es.png" alt="Español" width="23" height="15" border="0"></a></li>


    		
  

  

    
      16
    
    
      
  </ul>


    		
  

  

    
      17
    
    
      
</div>


    		
  

  

    
      18
    
    
      
-->


    		
  

  

    
      19
    
    
      
<h2>Introduction</h2>


    		
  

  

    
      20
    
    
      
<p>This is a dialog-based plugin to replace the default flash insertion in <a href="http://www.fckeditor.net">FCKeditor</a> (using &lt;embed&gt;) with <a href="http://code.google.com/p/swfobject/">SWFObject 2</a> (with the dynamic publishing method, &lt;script&gt;)</p>


    		
  

  

    
      21
    
    
      
<p>Besides generating the code with SWFObject, the insertion dialog allows to set the allowscriptaccess, wmode and allowfullscreen Flash parameters, and the posibility to add any flashvars that you need.</p>


    		
  

  

    
      22
    
    
      
<h3 id="contact">Author:</h3>


    		
  

  

    
      23
    
    
      
<p><a href="mailto:amla70@gmail.com">Alfonso Mart&iacute;nez de Lizarrondo</a></p>


    		
  

  

    
      24
    
    
      
<h3>Sponsored by:</h3>


    		
  

  

    
      25
    
    
      
<p><a href="http://www.incontrolsolutions.com">InControl Solutions</a></p>


    		
  

  

    
      26
    
    
      
<p><a href="http://www.uritec.net">Uritec</a></p>


    		
  

  

    
      27
    
    
      
<h3>Version history: </h3>


    		
  

  

    
      28
    
    
      
<ol>


    		
  

  

    
      29
    
    
      
  <li>1.0: 14/09/2008. Based on standard flash dialog.</li>


    		
  

  

    
      30
    
    
      
  <li>1.1: 15/09/2008. Fixes, add flashvars editor, fullscreen, allowscriptaccess, wmode</li>


    		
  

  

    
      31
    
    
      
  <li>1.2: 21/09/2008. Fixes for IE, added the swfobject_WrapperClass option. Included the FCKCommentsProcessor code. Change behavior according to the swfObjectPath value.</li>


    		
  

  

    
      32
    
    
      
  <li>1.3: 26/09/2008. More fixes for IE. It should work also in FCKeditor 2.5.</li>


    		
  

  

    
      33
    
    
      
  <li>1.4: 26/10/2008. Automatic parsing of embedding code pasted in the url field. Added the swfObject_FlashVersion and swfObject_ExpressInstall configuration options.</li>


    		
  

  

    
      34
    
    
      
	<li>1.5: 26/11/2008. Use by default a library hosted by Google, so no extra steps required to install. Added CDATA coments for the generated script.</li>


    		
  

  

    
      35
    
    
      
	<li>1.6: 06/08/2009. Updated the default linked library to <a href="http://code.google.com/p/swfobject/wiki/whats_new">SWFObject 2.2</a>.</li>


    		
  

  

    
      36
    
    
      
</ol>


    		
  

  

    
      37
    
    
      
<p><a href="http://martinezdelizarrondo.com/swfobject/">Get the latest version and/or updated info</a> </p>


    		
  

  

    
      38
    
    
      

    		
  

  

    
      39
    
    
      
<h2>Installation</h2>


    		
  

  

    
      40
    
    
      
<h3>1. Copying the files</h3>


    		
  

  

    
      41
    
    
      
<p>Extract the contents of the zip in you plugins directory, so it ends up like


    		
  

  

    
      42
    
    
      
    this<br>


    		
  

  

    
      43
    
    
      
    <img src="installation.png" alt="Screenshot of installation" width="311" height="346" longdesc="#install"></p>


    		
  

  

    
      44
    
    
      
<pre id="install">


    		
  

  

    
      45
    
    
      
editor\


    		
  

  

    
      46
    
    
      
	...


    		
  

  

    
      47
    
    
      
	js\


    		
  

  

    
      48
    
    
      
	lang\


    		
  

  

    
      49
    
    
      
	plugins\


    		
  

  

    
      50
    
    
      
		...


    		
  

  

    
      51
    
    
      
		swfobject


    		
  

  

    
      52
    
    
      
			fckplugin.js


    		
  

  

    
      53
    
    
      
			readme.html


    		
  

  

    
      54
    
    
      
			dialog\


    		
  

  

    
      55
    
    
      
			docs\


    		
  

  

    
      56
    
    
      
			images\


    		
  

  

    
      57
    
    
      
			lang\


    		
  

  

    
      58
    
    
      
		...


    		
  

  

    
      59
    
    
      
	skins\


    		
  

  

    
      60
    
    
      
</pre>


    		
  

  

    
      61
    
    
      
<h3>2. Adding it to FCKeditor</h3>


    		
  

  

    
      62
    
    
      
<p>Now add in your <em>fckconfig.js</em> or custom js configuration


    		
  

  

    
      63
    
    
      
file the following line:


    		
  

  

    
      64
    
    
      
<code>FCKConfig.Plugins.Add( 'swfobject', 'en,es') ;</code>


    		
  

  

    
      65
    
    
      
</p>


    		
  

  

    
      66
    
    
      
<h3>3. Adding it to the toolbarset</h3>


    		
  

  

    
      67
    
    
      
<p>This plugin replaces the default flash dialog, just use the normal 'Flash' button.


    		
  

  

    
      68
    
    
      
</p>


    		
  

  

    
      69
    
    
      
<h3 id="configure">4. Configure the plugin</h3>


    		
  

  

    
      70
    
    
      
<p>These are the possible config values:</p>


    		
  

  

    
      71
    
    
      
<ul>


    		
  

  

    
      72
    
    
      
	<li id="swfObjectPath">FCKConfig.<strong>swfObjectPath</strong>: It's the path to the version of the SwfObject script<br>


    		
  

  

    
      73
    
    
      
	Since 1.5, if this entry is missing then it will default to use a <a href="http://code.google.com/p/swfobject/wiki/hosted_library">version hosted by Google</a>. If you want to use a script hosted in your server, then go to the <a href="http://code.google.com/p/swfobject/">SWFObject page</a> and download it, extract it in some place in your server, and then put the path to the swfobject.js file in this entry.<br>


    		
  

  

    
      74
    
    
      
	Note: if you leave an empty string (FCKConfig.swfObjectPath = "") then the plugin won't generate the code to include the SWFObject plugin, it's assumed that you have already included it in your page.


    		
  

  

    
      75
    
    
      
	</li>


    		
  

  

    
      76
    
    
      
	<li id="WrapperClass">FCKConfig.<strong>swfobject_WrapperClass</strong>: If this entry contains a non-empty value then a div


    		
  

  

    
      77
    
    
      
	will be generated with this class wrapping the flash object<br>


    		
  

  

    
      78
    
    
      
	Important: in the preview inside the editor, the class will be applied to an image, not a div!</li>


    		
  

  

    
      79
    
    
      
	<li id="FlashVersion">FCKConfig.<strong>swfobject_FlashVersion</strong>: It represents the version of the flash player that your movie


    		
  

  

    
      80
    
    
      
	was published for. If this entry doesn't exist it defaults to "7.0.0". </li>


    		
  

  

    
      81
    
    
      
	<li id="ExpressInstall">FCKConfig.<strong>swfObject_ExpressInstall</strong>: It can contain the path to a swf movie to activate the Express install feature. It's the parameter explained in the third point of <a href="http://code.google.com/p/swfobject/wiki/documentation#STEP_3:_Register_your_Flash_content_with_the_SWFObject_library_a">the SWFObject documentation</a></li>


    		
  

  

    
      82
    
    
      
</ul>


    		
  

  

    
      83
    
    
      

    		
  

  

    
      84
    
    
      
<p>All these values can be set in the <em>fckconfig.js</em> file, a custom js configuration


    		
  

  

    
      85
    
    
      
  file, or at the moment of the <a href="http://alfonsoml.blogspot.com/2008/02/adding-configuration-entries-when.html">creation of the FCKeditor instance using any


    		
  

  

    
      86
    
    
      
  language</a>.</p>


    		
  

  

    
      87
    
    
      
<h3>5. Use it</h3>


    		
  

  

    
      88
    
    
      
<p align="right">Now empty the cache of your browser and reload the editor, the new Flash dialog will be shown.</p>


    		
  

  

    
      89
    
    
      
<p>Besides generating the code with SWFObject, the insertion dialog allows to set the allowscriptaccess, wmode and allowfullscreen Flash parameters, and the posibility to add any flashvars that you need.</p>


    		
  

  

    
      90
    
    
      
<p>Since version 1.4, pasting embedding code generated by external sites as YouTube 


    		
  

  

    
      91
    
    
      
<code>&lt;object width="425" height="344"&gt;


    		
  

  

    
      92
    
    
      
&lt;param name="movie" value="http://www.youtube.com/v/nj2hewPBQh0&hl=es&fs=1"&gt;&lt;/param&gt;


    		
  

  

    
      93
    
    
      
&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;


    		
  

  

    
      94
    
    
      
&lt;embed src="http://www.youtube.com/v/nj2hewPBQh0&hl=es&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;


    		
  

  

    
      95
    
    
      
&lt;/object&gt;


    		
  

  

    
      96
    
    
      
</code> does generate the proper code in FCKeditor</p>


    		
  

  

    
      97
    
    
      
<h2>Final notes</h2>


    		
  

  

    
      98
    
    
      
<p>If you find this plugin useful, consider making a donation so it can be further


    		
  

  

    
      99
    
    
      
improved, any amount can help to keep the development running.</p>


    		
  

  

    
      100
    
    
      
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">


    		
  

  

    
      101
    
    
      
<input type="hidden" name="cmd" value="_s-xclick">


    		
  

  

    
      102
    
    
      
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">


    		
  

  

    
      103
    
    
      
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">


    		
  

  

    
      104
    
    
      
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----


    		
  

  

    
      105
    
    
      
">


    		
  

  

    
      106
    
    
      
</form>


    		
  

  

    
      107
    
    
      
<p>If you need some special feature for this plugin, or if you need any other kind of plugin 


    		
  

  

    
      108
    
    
      
for FCKeditor then <a href="#contact">contact me</a> and we can discuss it</p>


    		
  

  

    
      109
    
    
      
<h2>Disclaimers</h2>


    		
  

  

    
      110
    
    
      
<p>FCKeditor is &copy; FredCK.com</p>


    		
  

  

    
      111
    
    
      
<p>The SWFObject is Copyright &copy; 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis</p>


    		
  

  

    
      112
    
    
      
</body>


    		
  

  

    
      113
    
    
      
</html>


    		
  









  (3-3/5)