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/enterkey.html CHANGED

@@ -1,115 +1,115 @@
-<!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>ENTER Key Configuration &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">
-	//<![CDATA[
-var editor;
-function changeEnter()
-{
-	// If we already have an editor, let's destroy it first.
-	if ( editor )
-		editor.destroy( true );
-	// Create the editor again, with the appropriate settings.
-	editor = CKEDITOR.replace( 'editor1',
-		{
-			enterMode		: Number( document.getElementById( 'xEnter' ).value ),
-			shiftEnterMode	: Number( document.getElementById( 'xShiftEnter' ).value )
-		});
-}
-window.onload = changeEnter;
-	//]]>
-	</script>
-</head>
-<body>
-	<h1 class="samples">
-		CKEditor Sample &mdash; ENTER Key Configuration
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to configure the <em>Enter</em> and <em>Shift+Enter</em> keys
-		to perform actions specified in the
-		<a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode"><code>enterMode</code></a>
-		and <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.shiftEnterMode"><code>shiftEnterMode</code></a>
-		parameters, respectively.
- 		You can choose from the following options:
-	</p>
-	<ul class="samples">
-		<li><strong><code>ENTER_P</code></strong> &ndash; new <code>&lt;p&gt;</code> paragraphs are created;</li>
-		<li><strong><code>ENTER_BR</code></strong> &ndash; lines are broken with <code>&lt;br&gt;</code> elements;</li>
-		<li><strong><code>ENTER_DIV</code></strong> &ndash; new <code>&lt;div&gt;</code> blocks are created.</li>
-	</ul>
-	<p>
-		The sample code below shows how to configure CKEditor to create a <code>&lt;div&gt;</code> block when <em>Enter</em> key is pressed.
-	</p>
-	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
-	{
-		<strong>enterMode : CKEDITOR.ENTER_DIV</strong>
-	});</pre>
-	<p>
-		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
-		the <code>&lt;textarea&gt;</code> element to be replaced.
-	</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>
-	<div style="float: left; margin-right: 20px">
-		When <em>Enter</em> is pressed:<br />
-		<select id="xEnter" onchange="changeEnter();">
-			<option selected="selected" value="1">Create a new &lt;P&gt; (recommended)</option>
-			<option value="3">Create a new &lt;DIV&gt;</option>
-			<option value="2">Break the line with a &lt;BR&gt;</option>
-		</select>
-	</div>
-	<div style="float: left">
-		When <em>Shift+Enter</em> is pressed:<br />
-		<select id="xShiftEnter" onchange="changeEnter();">
-			<option value="1">Create a new &lt;P&gt;</option>
-			<option value="3">Create a new &lt;DIV&gt;</option>
-			<option selected="selected" value="2">Break the line with a &lt;BR&gt; (recommended)</option>
-		</select>
-	</div>
-	<br style="clear: both" />
-	<form action="sample_posteddata.php" method="post">
-		<p>
-			<br />
-			<textarea cols="80" id="editor1" name="editor1" rows="10">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;.</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>ENTER Key Configuration &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">
+	//<![CDATA[
+var editor;
+function changeEnter()
+{
+	// If we already have an editor, let's destroy it first.
+	if ( editor )
+		editor.destroy( true );
+	// Create the editor again, with the appropriate settings.
+	editor = CKEDITOR.replace( 'editor1',
+		{
+			enterMode		: Number( document.getElementById( 'xEnter' ).value ),
+			shiftEnterMode	: Number( document.getElementById( 'xShiftEnter' ).value )
+		});
+}
+window.onload = changeEnter;
+	//]]>
+	</script>
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; ENTER Key Configuration
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure the <em>Enter</em> and <em>Shift+Enter</em> keys
+		to perform actions specified in the
+		<a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode"><code>enterMode</code></a>
+		and <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.shiftEnterMode"><code>shiftEnterMode</code></a>
+		parameters, respectively.
+ 		You can choose from the following options:
+	</p>
+	<ul class="samples">
+		<li><strong><code>ENTER_P</code></strong> &ndash; new <code>&lt;p&gt;</code> paragraphs are created;</li>
+		<li><strong><code>ENTER_BR</code></strong> &ndash; lines are broken with <code>&lt;br&gt;</code> elements;</li>
+		<li><strong><code>ENTER_DIV</code></strong> &ndash; new <code>&lt;div&gt;</code> blocks are created.</li>
+	</ul>
+	<p>
+		The sample code below shows how to configure CKEditor to create a <code>&lt;div&gt;</code> block when <em>Enter</em> key is pressed.
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>enterMode : CKEDITOR.ENTER_DIV</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced.
+	</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>
+	<div style="float: left; margin-right: 20px">
+		When <em>Enter</em> is pressed:<br />
+		<select id="xEnter" onchange="changeEnter();">
+			<option selected="selected" value="1">Create a new &lt;P&gt; (recommended)</option>
+			<option value="3">Create a new &lt;DIV&gt;</option>
+			<option value="2">Break the line with a &lt;BR&gt;</option>
+		</select>
+	</div>
+	<div style="float: left">
+		When <em>Shift+Enter</em> is pressed:<br />
+		<select id="xShiftEnter" onchange="changeEnter();">
+			<option value="1">Create a new &lt;P&gt;</option>
+			<option value="3">Create a new &lt;DIV&gt;</option>
+			<option selected="selected" value="2">Break the line with a &lt;BR&gt; (recommended)</option>
+		</select>
+	</div>
+	<br style="clear: both" />
+	<form action="sample_posteddata.php" method="post">
+		<p>
+			<br />
+			<textarea cols="80" id="editor1" name="editor1" rows="10">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;.</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/fullpage.html CHANGED

@@ -1,82 +1,82 @@
-<!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>Full Page Editing with Document Properties Plugin &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" />
-</head>
-<body>
-	<h1 class="samples">
-		CKEditor Sample &mdash; Full Page Editing with Document Properties Plugin
-	</h1>
-	<div class="description">
-	<p>
-		This sample shows how to configure CKEditor to edit entire HTML pages, from the
-		<code>&lt;html&gt;</code> tag to the <code>&lt;/html&gt;</code> tag.
-	</p>
-	<p>
-		The <strong>Document Properties</strong> (<code>docprops</code>) plugin is also turned on.
-		This plugin allows you to set the metadata of the page, including the page encoding, margins,
-		meta tags, or background.
-	</p>
-	<p>
-		The CKEditor instance below is inserted with a JavaScript call using the following code:
-	</p>
-	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
-	{
-		<strong>fullPage : true,
-		extraPlugins : 'docprops'</strong>
-	});</pre>
-	<p>
-		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
-		the <code>&lt;textarea&gt;</code> element to be replaced.
-	</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>
-	<form action="sample_posteddata.php" method="post">
-			<label for="editor1">
-				CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
-			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
-			<script type="text/javascript">
-			//<![CDATA[
-				CKEDITOR.replace( 'editor1',
-					{
-						fullPage : true,
-						extraPlugins : 'docprops'
-					});
-			//]]>
-			</script>
-		<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>Full Page Editing with Document Properties Plugin &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" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Sample &mdash; Full Page Editing with Document Properties Plugin
+	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to configure CKEditor to edit entire HTML pages, from the
+		<code>&lt;html&gt;</code> tag to the <code>&lt;/html&gt;</code> tag.
+	</p>
+	<p>
+		The <strong>Document Properties</strong> (<code>docprops</code>) plugin is also turned on.
+		This plugin allows you to set the metadata of the page, including the page encoding, margins,
+		meta tags, or background.
+	</p>
+	<p>
+		The CKEditor instance below is inserted with a JavaScript call using the following code:
+	</p>
+	<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
+	{
+		<strong>fullPage : true,
+		extraPlugins : 'docprops'</strong>
+	});</pre>
+	<p>
+		Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+		the <code>&lt;textarea&gt;</code> element to be replaced.
+	</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>
+	<form action="sample_posteddata.php" method="post">
+			<label for="editor1">
+				CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
+			<script type="text/javascript">
+			//<![CDATA[
+				CKEDITOR.replace( 'editor1',
+					{
+						fullPage : true,
+						extraPlugins : 'docprops'
+					});
+			//]]>
+			</script>
+		<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/index.html CHANGED

@@ -1,116 +1,116 @@
-<!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>CKEditor Samples</title>
-	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
-	<link type="text/css" rel="stylesheet" href="sample.css" />
-</head>
-<body>
-	<h1 class="samples">
-		CKEditor Samples Site
-	</h1>
-	<h2 class="samples">
-		Basic Samples
-	</h2>
-	<ul class="samples">
-		<li>
-			<a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a><br />
-			Automatic replacement of all textarea elements of a given class with a CKEditor instance.
-		</li>
-		<li><a class="samples" href="replacebycode.html">Replace textarea elements by code</a><br />
-			Replacement of textarea elements with CKEditor instances by using a JavaScript call.
-		</li>
-		<li><a class="samples" href="fullpage.html">Full page support with the Document Properties plugin</a><br />
-			CKEditor inserted with a JavaScript call and used to edit the whole page from <code>&lt;html&gt;</code> to <code>&lt;/html&gt;</code>.
-		</li>
-	</ul>
-	<h2 class="samples">
-		Basic Customization
-	</h2>
-	<ul class="samples">
-		<li><a class="samples" href="skins.html">Skins</a><br />
-			Changing the CKEditor skin by adjusting a single configuration option.
-		</li>
-		<li><a class="samples" href="ui_color.html">User Interface color</a><br />
-			Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
-		</li>
-		<li><a class="samples" href="ui_languages.html">User Interface languages</a><br />
-			Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
-		</li>
-	</ul>
-	<h2 class="samples">
-		Advanced Samples
-	</h2>
-	<ul class="samples">
-		<li><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a><br />
-			Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.
-		</li>
-		<li><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a><br />
-			Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
-		</li>
-		<li><a class="samples" href="api.html">Basic usage of the API</a><br />
-			Using the CKEditor JavaScript API to interact with the editor at runtime.
-		</li>
-		<li><a class="samples" href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br />
-			Using the dialog windows API to customize dialog windows without changing the original editor code.
-		</li>
-		<li><a class="samples" href="enterkey.html">Using the "Enter" key in CKEditor</a><br />
-			 Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.
-		</li>
-		<li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br />
-			Displaying multiple editor instances that share the toolbar and/or the elements path.
-		</li>
-		<li><a class="samples" href="jqueryadapter.html">jQuery adapter example</a><br />
-			Using the jQuery adapter to configure CKEditor.
-		</li>
-		<li><a class="samples" href="output_xhtml.html">Output XHTML</a><br />
-			Configuring CKEditor to produce XHTML 1.1 compliant code.
-		</li>
-		<li><a class="samples" href="output_html.html">Output HTML</a><br />
-			Configuring CKEditor to produce legacy HTML 4 code.
-		</li>
-		<li><a class="samples" href="output_for_flash.html">Output for Flash</a><br />
-			Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
-		</li>
-		<li><a class="samples" href="readonly.html">Read-only mode</a><br />
-			Using the readOnly API to block introducing changes to the editor contents.
-		</li>
-	</ul>
-	<h2 class="samples">
-		Additional plugins
-	</h2>
-	<ul class="samples">
-		<li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br />
-			Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.
-		</li>
-		<li><a class="samples" href="bbcode.html">Output for BBCode</a><br />
-			Configuring CKEditor to produce BBCode tags instead of HTML.
-		</li>
-		<li><a class="samples" href="stylesheetparser.html">Stylesheet Parser plugin</a><br />
-			Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.
-		</li>
-		<li><a class="samples" href="devtools.html">Developer Tools plugin</a><br />
-			Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.
-		</li>
-		<li><a class="samples" href="placeholder.html">Placeholder plugin</a><br />
-			Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.
-		</li>
-		<li><a class="samples" href="tableresize.html">TableResize plugin</a><br />
-			Using the TableResize plugin to enable table column resizing.
-		</li>
-	</ul>
-	<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>CKEditor Samples</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<link type="text/css" rel="stylesheet" href="sample.css" />
+</head>
+<body>
+	<h1 class="samples">
+		CKEditor Samples Site
+	</h1>
+	<h2 class="samples">
+		Basic Samples
+	</h2>
+	<ul class="samples">
+		<li>
+			<a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a><br />
+			Automatic replacement of all textarea elements of a given class with a CKEditor instance.
+		</li>
+		<li><a class="samples" href="replacebycode.html">Replace textarea elements by code</a><br />
+			Replacement of textarea elements with CKEditor instances by using a JavaScript call.
+		</li>
+		<li><a class="samples" href="fullpage.html">Full page support with the Document Properties plugin</a><br />
+			CKEditor inserted with a JavaScript call and used to edit the whole page from <code>&lt;html&gt;</code> to <code>&lt;/html&gt;</code>.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Basic Customization
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="skins.html">Skins</a><br />
+			Changing the CKEditor skin by adjusting a single configuration option.
+		</li>
+		<li><a class="samples" href="ui_color.html">User Interface color</a><br />
+			Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
+		</li>
+		<li><a class="samples" href="ui_languages.html">User Interface languages</a><br />
+			Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Advanced Samples
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a><br />
+			Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.
+		</li>
+		<li><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a><br />
+			Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
+		</li>
+		<li><a class="samples" href="api.html">Basic usage of the API</a><br />
+			Using the CKEditor JavaScript API to interact with the editor at runtime.
+		</li>
+		<li><a class="samples" href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br />
+			Using the dialog windows API to customize dialog windows without changing the original editor code.
+		</li>
+		<li><a class="samples" href="enterkey.html">Using the "Enter" key in CKEditor</a><br />
+			 Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.
+		</li>
+		<li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br />
+			Displaying multiple editor instances that share the toolbar and/or the elements path.
+		</li>
+		<li><a class="samples" href="jqueryadapter.html">jQuery adapter example</a><br />
+			Using the jQuery adapter to configure CKEditor.
+		</li>
+		<li><a class="samples" href="output_xhtml.html">Output XHTML</a><br />
+			Configuring CKEditor to produce XHTML 1.1 compliant code.
+		</li>
+		<li><a class="samples" href="output_html.html">Output HTML</a><br />
+			Configuring CKEditor to produce legacy HTML 4 code.
+		</li>
+		<li><a class="samples" href="output_for_flash.html">Output for Flash</a><br />
+			Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
+		</li>
+		<li><a class="samples" href="readonly.html">Read-only mode</a><br />
+			Using the readOnly API to block introducing changes to the editor contents.
+		</li>
+	</ul>
+	<h2 class="samples">
+		Additional plugins
+	</h2>
+	<ul class="samples">
+		<li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br />
+			Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.
+		</li>
+		<li><a class="samples" href="bbcode.html">Output for BBCode</a><br />
+			Configuring CKEditor to produce BBCode tags instead of HTML.
+		</li>
+		<li><a class="samples" href="stylesheetparser.html">Stylesheet Parser plugin</a><br />
+			Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.
+		</li>
+		<li><a class="samples" href="devtools.html">Developer Tools plugin</a><br />
+			Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.
+		</li>
+		<li><a class="samples" href="placeholder.html">Placeholder plugin</a><br />
+			Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.
+		</li>
+		<li><a class="samples" href="tableresize.html">TableResize plugin</a><br />
+			Using the TableResize plugin to enable table column resizing.
+		</li>
+	</ul>
+	<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>