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

ckeditor-rails 0.0.4 → 0.0.5

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>