RubyGems - ckeditor-rails - Versions diffs - 0.0.4 → 0.0.5 - Mend

ckeditor-rails 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (708) hide show

data/vendor/assets/ckeditor/ckeditor/_samples/jqueryadapter.html CHANGED

@@ -1,99 +1,99 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<!--
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
--->
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<title>jQuery Adapter &mdash; CKEditor Sample</title>
-	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
-	<script type="text/javascript" src="../ckeditor.js"></script>
-	<script type="text/javascript" src="../adapters/jquery.js"></script>
-	<script src="sample.js" type="text/javascript"></script>
-	<link href="sample.css" rel="stylesheet" type="text/css" />
-	<script type="text/javascript">
-	//<![CDATA[
-$(function()
-{
-	var config = {
-		toolbar:
-		[
-			['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
-			['UIColor']
-		]
-	};
-	// Initialize the editor.
-	// Callback function can be passed and executed after full instance creation.
-	$('.jquery_ckeditor').ckeditor(config);
-});
-	//]]>
-	</script>
-</head>
-<body>
-	<h1 class="samples">
-		CKEditor Sample &mdash; Using jQuery Adapter
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to load CKEditor and configure it using the
-		<a class="samples" href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter">jQuery adapter</a>.
-		In this case the jQuery adapter is responsible for transforming a <code>&lt;textarea&gt;</code>
-		element into a CKEditor instance and setting the configuration of the toolbar.
-	</p>
-	<p>
-		CKEditor instance with custom configuration set in jQuery can be inserted with the
-		following JavaScript code:
-	</p>
-	<pre class="samples">$(function()
-{
-	var config = {
-		skin:'v2'
-	};
-	$('.<em>textarea_class</em>').ckeditor(config);
-});</pre>
-	<p>
-	Note that <code><em>textarea_class</em></code> in the code above is the
-	<code>class</code> attribute of the <code>&lt;textarea&gt;</code> element to be replaced with
-	CKEditor. Any other jQuery selector can be used to match the target element.
-	</p>
-	</div>
-	<!-- This <div> holds alert messages to be display in the sample page. -->
-	<div id="alerts">
-		<noscript>
-			<p>
-				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
-				support, like yours, you should still see the contents (HTML data) and you should
-				be able to edit it normally, without a rich editor interface.
-			</p>
-		</noscript>
-	</div>
-	<!-- This <fieldset> holds the HTML that you will usually find in your
-	     pages. -->
-	<form action="sample_posteddata.php" method="post">
-	<p>
-		<label for="editor1">
-			Editor 1:</label>
-		<textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
-	</p>
-	<p>
-		<input type="submit" value="Submit" />
-	</p>
-	</form>
-	<div id="footer">
-		<hr />
-		<p>
-			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
-		</p>
-		<p id="copy">
-			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
-			Knabben. All rights reserved.
-		</p>
-	</div>
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>jQuery Adapter &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script type="text/javascript" src="../adapters/jquery.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript">
+	//<![CDATA[
+$(function()
+{
+	var config = {
+		toolbar:
+		[
+			['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
+			['UIColor']
+		]
+	};
+	// Initialize the editor.
+	// Callback function can be passed and executed after full instance creation.
+	$('.jquery_ckeditor').ckeditor(config);
+});
+	//]]>
+	</script>
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using jQuery Adapter
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to load CKEditor and configure it using the
+		<a class="samples" href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter">jQuery adapter</a>.
+		In this case the jQuery adapter is responsible for transforming a <code>&lt;textarea&gt;</code>
+		element into a CKEditor instance and setting the configuration of the toolbar.
+	</p>
+	<p>
+		CKEditor instance with custom configuration set in jQuery can be inserted with the
+		following JavaScript code:
+	</p>
+	<pre class="samples">$(function()
+{
+	var config = {
+		skin:'v2'
+	};
+	$('.<em>textarea_class</em>').ckeditor(config);
+});</pre>
+	<p>
+	Note that <code><em>textarea_class</em></code> in the code above is the
+	<code>class</code> attribute of the <code>&lt;textarea&gt;</code> element to be replaced with
+	CKEditor. Any other jQuery selector can be used to match the target element.
+	</p>
+	</div>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<!-- This <fieldset> holds the HTML that you will usually find in your
+	     pages. -->
+	<form action="sample_posteddata.php" method="post">
+	<p>
+		<label for="editor1">
+			Editor 1:</label>
+		<textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+	</p>
+	<p>
+		<input type="submit" value="Submit" />
+	</p>
+	</form>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/vendor/assets/ckeditor/ckeditor/_samples/output_for_flash.html CHANGED

@@ -1,275 +1,275 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<!--
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
--->
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<title>Output for Flash &mdash; CKEditor Sample</title>
-	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
-	<script type="text/javascript" src="../ckeditor.js"></script>
-	<script src="sample.js" type="text/javascript"></script>
-	<link href="sample.css" rel="stylesheet" type="text/css" />
-	<script type="text/javascript" src="assets/swfobject.js"></script>
-	<script type="text/javascript">
-function sendToFlash()
-{
-	var html = CKEDITOR.instances.editor1.getData() ;
-	var flash = document.getElementById( 'ckFlash' ) ;
-	flash.setData( html ) ;
-}
-function init()
-{
-	var so = new SWFObject("assets/output_for_flash.swf", "ckFlash", "550", "400", "8", "#ffffff") ;
-	so.addParam("wmode", "transparent");
-	so.write("ckFlashContainer") ;
-}
-	</script>
-	</head>
-<body onload="init()">
-	<h1 class="samples">
-		CKEditor Sample &mdash; Producing Flash Compliant HTML Output
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to configure CKEditor to output
-		HTML code that can be used with
-		<a class="samples" href="http://www.adobe.com/livedocs/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=00000922.html">
-		Adobe Flash</a>.
-		The code will contain a subset of standard HTML elements like <code>&lt;b&gt;</code>,
-		<code>&lt;i&gt;</code>, and <code>&lt;p&gt;</code> as well as HTML attributes.
-	</p>
-	<p>
-		To add a CKEditor instance outputting Flash compliant HTML code, load the editor using a standard
-		JavaScript call, and define CKEditor features to use HTML elements and attributes.
-	</p>
-	<p>
-		For details on how to create this setup check the source code of this sample page.
-	</p>
-	</div>
-	<p>
-		To see how it works, create some content in the editing area of CKEditor on the left
-		and send it to the Flash object on the right side of the page by using the
-		<strong>Send to Flash</strong> button.
-	</p>
-	<!-- This <div> holds alert messages to be display in the sample page. -->
-	<div id="alerts">
-		<noscript>
-			<p>
-				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
-				support, like yours, you should still see the contents (HTML data) and you should
-				be able to edit it normally, without a rich editor interface.
-			</p>
-		</noscript>
-	</div>
-	<hr />
-	<table width="100%" cellpadding="0" cellspacing="0">
-		<tr>
-			<td style="width: 100%">
-			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;b&gt;sample text&lt;/b&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
-			<script type="text/javascript">
-			//<![CDATA[
-				if ( document.location.protocol == 'file:' )
-					alert( 'Warning: This samples does not work when loaded from local filesystem due to security restrictions implemented in Flash.' +
-									'\n\nPlease load the sample from a web server instead.') ;
-				CKEDITOR.replace( 'editor1',
-					{
-						height : 300,
-						width : '100%',
-						toolbar : [
-								['Source','-','Bold','Italic','Underline','-','BulletedList','-','Link','Unlink'],
-								['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
-								'/',
-								['Font','FontSize'],
-								['TextColor','-','About']
-							],
-						/*
-						 * Style sheet for the contents
-						 */
-						contentsCss : 'body {color:#000; background-color#FFF; font-family: Arial; font-size:80%;} p, ol, ul {margin-top: 0px; margin-bottom: 0px;}',
-						/*
-						 * Quirks doctype
-						 */
-						docType : '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">',
-						/*
-						 * Core styles.
-						 */
-						coreStyles_bold	: { element : 'b' },
-						coreStyles_italic	: { element : 'i' },
-						coreStyles_underline	: { element : 'u'},
-						/*
-						 * Font face
-						 */
-						// Define the way font elements will be applied to the document. The "font"
-						// element will be used.
-						font_style :
-						{
-								element		: 'font',
-								attributes		: { 'face' : '#(family)' }
-						},
-						/*
-						 * Font sizes.
-						 * The CSS part of the font sizes isn't used by Flash, it is there to get the
-						 * font rendered correctly in CKEditor.
-						 */
-						fontSize_sizes : '8px/8;9px/9;10px/10;11px/11;12px/12;14px/14;16px/16;18px/18;20px/20;22px/22;24px/24;26px/26;28px/28;36px/36;48px/48;72px/72',
-						fontSize_style :
-							{
-								element		: 'font',
-								attributes	: { 'size' : '#(size)' },
-								styles		: { 'font-size' : '#(size)px' }
-							} ,
-						/*
-						 * Font colors.
-						 */
-						colorButton_enableMore : true,
-						colorButton_foreStyle :
-							{
-								element : 'font',
-								attributes : { 'color' : '#(color)' }
-							},
-						colorButton_backStyle :
-							{
-								element : 'font',
-								styles	: { 'background-color' : '#(color)' }
-							},
-						on : { 'instanceReady' : configureFlashOutput }
-					});
-/*
- * Adjust the behavior of the dataProcessor to match the
- * requirements of Flash
- */
-function configureFlashOutput( ev )
-{
-	var editor = ev.editor,
-		dataProcessor = editor.dataProcessor,
-		htmlFilter = dataProcessor && dataProcessor.htmlFilter;
-	// Out self closing tags the HTML4 way, like <br>.
-	dataProcessor.writer.selfClosingEnd = '>';
-	// Make output formatting match Flash expectations
-	var dtd = CKEDITOR.dtd;
-	for ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) )
-	{
-		dataProcessor.writer.setRules( e,
-			{
-				indent : false,
-				breakBeforeOpen : false,
-				breakAfterOpen : false,
-				breakBeforeClose : false,
-				breakAfterClose : false
-			});
-	}
-	dataProcessor.writer.setRules( 'br',
-		{
-			indent : false,
-			breakBeforeOpen : false,
-			breakAfterOpen : false,
-			breakBeforeClose : false,
-			breakAfterClose : false
-		});
-	// Output properties as attributes, not styles.
-	htmlFilter.addRules(
-		{
-			elements :
-			{
-				$ : function( element )
-				{
-					var style, match, width, height, align;
-					// Output dimensions of images as width and height
-					if ( element.name == 'img' )
-					{
-						style = element.attributes.style;
-						if ( style )
-						{
-							// Get the width from the style.
-							match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec( style );
-							width = match && match[1];
-							// Get the height from the style.
-							match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec( style );
-							height = match && match[1];
-							if ( width )
-							{
-								element.attributes.style = element.attributes.style.replace( /(?:^|\s)width\s*:\s*(\d+)px;?/i , '' );
-								element.attributes.width = width;
-							}
-							if ( height )
-							{
-								element.attributes.style = element.attributes.style.replace( /(?:^|\s)height\s*:\s*(\d+)px;?/i , '' );
-								element.attributes.height = height;
-							}
-						}
-					}
-					// Output alignment of paragraphs using align
-					if ( element.name == 'p' )
-					{
-						style = element.attributes.style;
-						if ( style )
-						{
-							// Get the align from the style.
-							match = /(?:^|\s)text-align\s*:\s*(\w*);?/i.exec( style );
-							align = match && match[1];
-							if ( align )
-							{
-								element.attributes.style = element.attributes.style.replace( /(?:^|\s)text-align\s*:\s*(\w*);?/i , '' );
-								element.attributes.align = align;
-							}
-						}
-					}
-					if ( element.attributes.style === '' )
-						delete element.attributes.style;
-					return element;
-				}
-			}
-		} );
-}
-			//]]>
-			</script>
-				<input type="button" value="Send to Flash" onclick="sendToFlash();" />
-			</td>
-			<td valign="top" style="padding-left: 15px" id="ckFlashContainer">
-			</td>
-		</tr>
-	</table>
-	<div id="footer">
-		<hr />
-		<p>
-			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
-		</p>
-		<p id="copy">
-			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
-			Knabben. All rights reserved.
-		</p>
-	</div>
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Output for Flash &mdash; CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../ckeditor.js"></script>
+	<script src="sample.js" type="text/javascript"></script>
+	<link href="sample.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript" src="assets/swfobject.js"></script>
+	<script type="text/javascript">
+function sendToFlash()
+{
+	var html = CKEDITOR.instances.editor1.getData() ;
+	var flash = document.getElementById( 'ckFlash' ) ;
+	flash.setData( html ) ;
+}
+function init()
+{
+	var so = new SWFObject("assets/output_for_flash.swf", "ckFlash", "550", "400", "8", "#ffffff") ;
+	so.addParam("wmode", "transparent");
+	so.write("ckFlashContainer") ;
+}
+	</script>
+	</head>
+<body onload="init()">
+	<h1 class="samples">
+		CKEditor Sample &mdash; Producing Flash Compliant HTML Output
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor to output
+		HTML code that can be used with
+		<a class="samples" href="http://www.adobe.com/livedocs/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=00000922.html">
+		Adobe Flash</a>.
+		The code will contain a subset of standard HTML elements like <code>&lt;b&gt;</code>,
+		<code>&lt;i&gt;</code>, and <code>&lt;p&gt;</code> as well as HTML attributes.
+	</p>
+	<p>
+		To add a CKEditor instance outputting Flash compliant HTML code, load the editor using a standard
+		JavaScript call, and define CKEditor features to use HTML elements and attributes.
+	</p>
+	<p>
+		For details on how to create this setup check the source code of this sample page.
+	</p>
+	</div>
+	<p>
+		To see how it works, create some content in the editing area of CKEditor on the left
+		and send it to the Flash object on the right side of the page by using the
+		<strong>Send to Flash</strong> button.
+	</p>
+	<!-- This <div> holds alert messages to be display in the sample page. -->
+	<div id="alerts">
+		<noscript>
+			<p>
+				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
+				support, like yours, you should still see the contents (HTML data) and you should
+				be able to edit it normally, without a rich editor interface.
+			</p>
+		</noscript>
+	</div>
+	<hr />
+	<table width="100%" cellpadding="0" cellspacing="0">
+		<tr>
+			<td style="width: 100%">
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;b&gt;sample text&lt;/b&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				if ( document.location.protocol == 'file:' )
+					alert( 'Warning: This samples does not work when loaded from local filesystem due to security restrictions implemented in Flash.' +
+									'\n\nPlease load the sample from a web server instead.') ;
+				CKEDITOR.replace( 'editor1',
+					{
+						height : 300,
+						width : '100%',
+						toolbar : [
+								['Source','-','Bold','Italic','Underline','-','BulletedList','-','Link','Unlink'],
+								['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+								'/',
+								['Font','FontSize'],
+								['TextColor','-','About']
+							],
+						/*
+						 * Style sheet for the contents
+						 */
+						contentsCss : 'body {color:#000; background-color#FFF; font-family: Arial; font-size:80%;} p, ol, ul {margin-top: 0px; margin-bottom: 0px;}',
+						/*
+						 * Quirks doctype
+						 */
+						docType : '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">',
+						/*
+						 * Core styles.
+						 */
+						coreStyles_bold	: { element : 'b' },
+						coreStyles_italic	: { element : 'i' },
+						coreStyles_underline	: { element : 'u'},
+						/*
+						 * Font face
+						 */
+						// Define the way font elements will be applied to the document. The "font"
+						// element will be used.
+						font_style :
+						{
+								element		: 'font',
+								attributes		: { 'face' : '#(family)' }
+						},
+						/*
+						 * Font sizes.
+						 * The CSS part of the font sizes isn't used by Flash, it is there to get the
+						 * font rendered correctly in CKEditor.
+						 */
+						fontSize_sizes : '8px/8;9px/9;10px/10;11px/11;12px/12;14px/14;16px/16;18px/18;20px/20;22px/22;24px/24;26px/26;28px/28;36px/36;48px/48;72px/72',
+						fontSize_style :
+							{
+								element		: 'font',
+								attributes	: { 'size' : '#(size)' },
+								styles		: { 'font-size' : '#(size)px' }
+							} ,
+						/*
+						 * Font colors.
+						 */
+						colorButton_enableMore : true,
+						colorButton_foreStyle :
+							{
+								element : 'font',
+								attributes : { 'color' : '#(color)' }
+							},
+						colorButton_backStyle :
+							{
+								element : 'font',
+								styles	: { 'background-color' : '#(color)' }
+							},
+						on : { 'instanceReady' : configureFlashOutput }
+					});
+/*
+ * Adjust the behavior of the dataProcessor to match the
+ * requirements of Flash
+ */
+function configureFlashOutput( ev )
+{
+	var editor = ev.editor,
+		dataProcessor = editor.dataProcessor,
+		htmlFilter = dataProcessor && dataProcessor.htmlFilter;
+	// Out self closing tags the HTML4 way, like <br>.
+	dataProcessor.writer.selfClosingEnd = '>';
+	// Make output formatting match Flash expectations
+	var dtd = CKEDITOR.dtd;
+	for ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) )
+	{
+		dataProcessor.writer.setRules( e,
+			{
+				indent : false,
+				breakBeforeOpen : false,
+				breakAfterOpen : false,
+				breakBeforeClose : false,
+				breakAfterClose : false
+			});
+	}
+	dataProcessor.writer.setRules( 'br',
+		{
+			indent : false,
+			breakBeforeOpen : false,
+			breakAfterOpen : false,
+			breakBeforeClose : false,
+			breakAfterClose : false
+		});
+	// Output properties as attributes, not styles.
+	htmlFilter.addRules(
+		{
+			elements :
+			{
+				$ : function( element )
+				{
+					var style, match, width, height, align;
+					// Output dimensions of images as width and height
+					if ( element.name == 'img' )
+					{
+						style = element.attributes.style;
+						if ( style )
+						{
+							// Get the width from the style.
+							match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec( style );
+							width = match && match[1];
+							// Get the height from the style.
+							match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec( style );
+							height = match && match[1];
+							if ( width )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)width\s*:\s*(\d+)px;?/i , '' );
+								element.attributes.width = width;
+							}
+							if ( height )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)height\s*:\s*(\d+)px;?/i , '' );
+								element.attributes.height = height;
+							}
+						}
+					}
+					// Output alignment of paragraphs using align
+					if ( element.name == 'p' )
+					{
+						style = element.attributes.style;
+						if ( style )
+						{
+							// Get the align from the style.
+							match = /(?:^|\s)text-align\s*:\s*(\w*);?/i.exec( style );
+							align = match && match[1];
+							if ( align )
+							{
+								element.attributes.style = element.attributes.style.replace( /(?:^|\s)text-align\s*:\s*(\w*);?/i , '' );
+								element.attributes.align = align;
+							}
+						}
+					}
+					if ( element.attributes.style === '' )
+						delete element.attributes.style;
+					return element;
+				}
+			}
+		} );
+}
+			//]]>
+			</script>
+				<input type="button" value="Send to Flash" onclick="sendToFlash();" />
+			</td>
+			<td valign="top" style="padding-left: 15px" id="ckFlashContainer">
+			</td>
+		</tr>
+	</table>
+	<div id="footer">
+		<hr />
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2012, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>