RubyGems - radiant-ck_editor_filter-extension - Versions diffs - 0.2.0 → 0.2.1 - Mend

radiant-ck_editor_filter-extension 0.2.0 → 0.2.1

Files changed (531) hide show

data/public/javascripts/extensions/ck_editor_filter/ckeditor/INSTALL.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+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">
@@ -84,7 +84,7 @@ http://www.example.com/ckeditor/_samples/index.html</pre>
 			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
 		</p>
 		<p id="copy">
-			Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
+			Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
 			Knabben. All rights reserved.
 		</p>
 	</div>

data/public/javascripts/extensions/ck_editor_filter/ckeditor/LICENSE.html CHANGED Viewed

@@ -7,7 +7,7 @@ Software License Agreement
 ==========================
 CKEditor - The text editor for Internet - http://ckeditor.com
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
 Licensed under the terms of any of the following licenses at your
 choice:
@@ -1286,7 +1286,7 @@ EXHIBIT A -Mozilla Public License.
 	<p>
 		<strong>CKEditor&trade;</strong> - The text editor for Internet&trade; - <a href="http://ckeditor.com">
 			http://ckeditor.com</a><br />
-		Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
+		Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
 	</p>
 	<p>
 		Licensed under the terms of any of the following licenses at your choice:

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/adobeair/application.xml ADDED Viewed

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<application xmlns="http://ns.adobe.com/air/application/1.0">
+	<id>com.ckeditor.air.sample</id>
+	<name>CKEditor - Adobe AIR Sample Application</name>
+	<version>1.0</version>
+	<filename>CKEditor AIR Samples</filename>
+	<description>This is a sample AIR application of CKEditor.</description>
+	<copyright>Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.</copyright>
+	<initialWindow>
+		<content>_samples/adobeair/sample.html</content>
+		<title>CKEditor - Adobe AIR Sample</title>
+		<systemChrome>standard</systemChrome>
+		<transparent>false</transparent>
+		<visible>true</visible>
+		<minimizable>true</minimizable>
+		<maximizable>true</maximizable>
+		<resizable>true</resizable>
+		<x>100</x>
+		<y>80</y>
+		<width>950</width>
+		<height>700</height>
+		<minSize>900 600</minSize>
+	</initialWindow>
+	<installFolder>CKEditor/Sample AIR Application</installFolder>
+	<programMenuFolder>CKEditor/Sample AIR Application</programMenuFolder>
+	<customUpdateUI>false</customUpdateUI>
+	<allowBrowserInvocation>false</allowBrowserInvocation>
+</application>

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/adobeair/run.bat ADDED Viewed

@@ -0,0 +1,9 @@
+@ECHO OFF
+::
+:: Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+:: For licensing, see LICENSE.html or http://ckeditor.com/license
+::
+:: Use this file to quickly run the sample in a Windows environment.
+::
+adl application.xml ../../

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/adobeair/run.sh ADDED Viewed

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+# Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+# For licensing, see LICENSE.html or http://ckeditor.com/license
+# Use this file to quickly run the sample under Linux.
+adl application.xml ../../

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/adobeair/sample.html ADDED Viewed

@@ -0,0 +1,45 @@
+<!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>Replace Textarea by Code - CKEditor Sample</title>
+	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
+	<script type="text/javascript" src="../../ckeditor.js"></script>
+	<link href="../sample.css" rel="stylesheet" type="text/css" />
+	<style type="text/css">
+		body { margin: 10px ; }
+	</style></head>
+<body>
+	<h1 class="samples">
+		CKEditor - Adobe AIR Sample
+	</h1>
+	<p>
+		This is a sample HTML/JavaScript Adobe AIR application with CKEditor with default features.
+	</p>
+	<p>
+		<textarea 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>
+		<script type="text/javascript">
+		//<![CDATA[
+			// Replace the <textarea id="editor"> with an CKEditor
+			// instance, using default configurations.
+			CKEDITOR.replace( 'editor1' );
+		//]]>
+		</script>
+	</p>
+	<div id="footer" style="position:absolute;bottom:0;left:0;right:0;width:100%;padding-bottom:10px;">
+		<hr />
+		<p>
+			CKEditor - The text editor for Internet - <a class="samples" href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://ckeditor.com/'));return false;">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2011, <a class="samples" href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://cksource.com/'));return false;">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/ajax.html CHANGED Viewed

@@ -1,11 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+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>Ajax - CKEditor Sample</title>
+	<title>Ajax &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>
@@ -13,31 +13,17 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 	<script type="text/javascript">
 	//<![CDATA[
-var editor;
+var editor, html = '';
 function createEditor()
 {
 	if ( editor )
 		return;
-	var html = document.getElementById( 'editorcontents' ).innerHTML;
-	// Create a new editor inside the <div id="editor">
-	editor = CKEDITOR.appendTo( 'editor' );
-	editor.setData( html );
-	// This sample may break here if the ckeditor_basic.js is used. In such case, the following code should be used instead:
-	/*
-	if ( editor.setData )
-		editor.setData( html );
-	else
-	{
-		CKEDITOR.on( 'loaded', function()
-			{
-				editor.setData( html );
-			});
-	}
-	*/
+	// Create a new editor inside the <div id="editor">, setting its value to html
+	var config = {};
+	editor = CKEDITOR.appendTo( 'editor', config, html );
 }
 function removeEditor()
@@ -47,7 +33,7 @@ function removeEditor()
 	// Retrieve the editor contents. In an Ajax application, this data would be
 	// sent to the server or used in any other way.
-	document.getElementById( 'editorcontents' ).innerHTML = editor.getData();
+	document.getElementById( 'editorcontents' ).innerHTML = html = editor.getData();
 	document.getElementById( 'contents' ).style.display = '';
 	// Destroy the editor.
@@ -59,9 +45,20 @@ function removeEditor()
 	</script>
 </head>
 <body>
-	<h1>
-		CKEditor Sample
+	<h1 class="samples">
+		CKEditor Sample &mdash; Create and Destroy Editor Instances for Ajax Applications
 	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to create and destroy CKEditor instances on the fly. After the removal of CKEditor the content created inside the editing
+		area will be displayed in a <code>&lt;div&gt;</code> element.
+	</p>
+	<p>
+		For details of how to create this setup check the source code of this sample page
+		for JavaScript code responsible for the creation and destruction of a CKEditor instance.
+	</p>
+	</div>
 	<!-- This <div> holds alert messages to be display in the sample page. -->
 	<div id="alerts">
 		<noscript>
@@ -72,6 +69,7 @@ function removeEditor()
 			</p>
 		</noscript>
 	</div>
+	<p>Click the buttons to create and remove a CKEditor instance.</p>
 	<p>
 		<input onclick="createEditor();" type="button" value="Create Editor" />
 		<input onclick="removeEditor();" type="button" value="Remove Editor" />
@@ -89,10 +87,10 @@ function removeEditor()
 	<div id="footer">
 		<hr />
 		<p>
-			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
+			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-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
 			Knabben. All rights reserved.
 		</p>
 	</div>

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/api.html CHANGED Viewed

@@ -1,11 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+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>API usage - CKEditor Sample</title>
+	<title>API Usage &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>
@@ -13,53 +13,73 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 	<script type="text/javascript">
 	//<![CDATA[
-// The instanceReady event is fired when an instance of CKEditor has finished
+// The instanceReady event is fired, when an instance of CKEditor has finished
 // its initialization.
 CKEDITOR.on( 'instanceReady', function( ev )
 {
 	// Show the editor name and description in the browser status bar.
-	document.getElementById( 'eMessage' ).innerHTML = '<p>Instance "' + ev.editor.name + '" loaded.<\/p>';
+	document.getElementById( 'eMessage' ).innerHTML = '<p>Instance <code>' + ev.editor.name + '<\/code> loaded.<\/p>';
 	// Show this sample buttons.
-	document.getElementById( 'eButtons' ).style.visibility = '';
+	 document.getElementById( 'eButtons' ).style.display = 'block';
 });
 function InsertHTML()
 {
 	// Get the editor instance that we want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
-	var value = document.getElementById( 'plainArea' ).value;
+	var value = document.getElementById( 'htmlArea' ).value;
 	// Check the active editing mode.
 	if ( oEditor.mode == 'wysiwyg' )
 	{
-		// Insert the desired HTML.
+		// Insert HTML code.
+		// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertHtml
 		oEditor.insertHtml( value );
 	}
 	else
-		alert( 'You must be on WYSIWYG mode!' );
+		alert( 'You must be in WYSIWYG mode!' );
+}
+function InsertText()
+{
+	// Get the editor instance that we want to interact with.
+	var oEditor = CKEDITOR.instances.editor1;
+	var value = document.getElementById( 'txtArea' ).value;
+	// Check the active editing mode.
+	if ( oEditor.mode == 'wysiwyg' )
+	{
+		// Insert as plain text.
+		// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertText
+		oEditor.insertText( value );
+	}
+	else
+		alert( 'You must be in WYSIWYG mode!' );
 }
 function SetContents()
 {
 	// Get the editor instance that we want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
-	var value = document.getElementById( 'plainArea' ).value;
+	var value = document.getElementById( 'htmlArea' ).value;
-	// Set the editor contents (replace the actual one).
+	// Set editor contents (replace current contents).
+	// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData
 	oEditor.setData( value );
 }
 function GetContents()
 {
-	// Get the editor instance that we want to interact with.
+	// Get the editor instance that you want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
-	// Get the editor contents
+	// Get editor contents
+	// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#getData
 	alert( oEditor.getData() );
 }
-function ExecuteCommand(commandName)
+function ExecuteCommand( commandName )
 {
 	// Get the editor instance that we want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
@@ -68,16 +88,20 @@ function ExecuteCommand(commandName)
 	if ( oEditor.mode == 'wysiwyg' )
 	{
 		// Execute the command.
+		// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#execCommand
 		oEditor.execCommand( commandName );
 	}
 	else
-		alert( 'You must be on WYSIWYG mode!' );
+		alert( 'You must be in WYSIWYG mode!' );
 }
 function CheckDirty()
 {
 	// Get the editor instance that we want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
+	// Checks whether the current editor contents present changes when compared
+	// to the contents loaded into the editor at startup
+	// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#checkDirty
 	alert( oEditor.checkDirty() );
 }
@@ -85,6 +109,8 @@ function ResetDirty()
 {
 	// Get the editor instance that we want to interact with.
 	var oEditor = CKEDITOR.instances.editor1;
+	// Resets the "dirty state" of the editor (see CheckDirty())
+	// http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#resetDirty
 	oEditor.resetDirty();
 	alert( 'The "IsDirty" status has been reset' );
 }
@@ -94,9 +120,20 @@ function ResetDirty()
 </head>
 <body>
-	<h1>
-		CKEditor Sample
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using CKEditor JavaScript API
 	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to use the
+		<a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html">CKEditor JavaScript API</a>
+		to interact with the editor at runtime.
+	</p>
+	<p>
+		For details on how to create this setup check the source code of this sample page.
+	</p>
+	</div>
 	<!-- This <div> holds alert messages to be display in the sample page. -->
 	<div id="alerts">
 		<noscript>
@@ -108,10 +145,7 @@ function ResetDirty()
 		</noscript>
 	</div>
 	<form action="sample_posteddata.php" method="post">
-		<p>
-			This sample shows how to use the CKeditor JavaScript API to interact with the editor
-			at runtime.</p>
-		<textarea 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>
+		<textarea cols="100" 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>
 		<script type="text/javascript">
 		//<![CDATA[
@@ -122,13 +156,19 @@ function ResetDirty()
 		<div id="eMessage">
 		</div>
-		<div id="eButtons" style="visibility: hidden">
+		<div id="eButtons" style="display: none">
 			<input onclick="InsertHTML();" type="button" value="Insert HTML" />
 			<input onclick="SetContents();" type="button" value="Set Editor Contents" />
 			<input onclick="GetContents();" type="button" value="Get Editor Contents (XHTML)" />
 			<br />
-			<textarea cols="80" id="plainArea" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML&lt;/p&gt;</textarea>
+			<textarea cols="100" id="htmlArea" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML code.&lt;/p&gt;</textarea>
+			<br />
 			<br />
+			<input onclick="InsertText();" type="button" value="Insert Text" />
+			<br />
+			<textarea cols="100" id="txtArea" rows="3">   First line with some leading whitespaces.
+Second line of text preceded by two line breaks.</textarea>
 			<br />
 			<input onclick="ExecuteCommand('bold');" type="button" value="Execute &quot;bold&quot; Command" />
 			<input onclick="ExecuteCommand('link');" type="button" value="Execute &quot;link&quot; Command" />
@@ -141,10 +181,10 @@ function ResetDirty()
 	<div id="footer">
 		<hr />
 		<p>
-			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
+			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-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
 			Knabben. All rights reserved.
 		</p>
 	</div>

data/public/javascripts/extensions/ck_editor_filter/ckeditor/_samples/api_dialog.html CHANGED Viewed

@@ -1,11 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+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>Using API to customize dialogs - CKEditor Sample</title>
+	<title>Using API to Customize Dialog Windows &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>
@@ -87,6 +87,13 @@ CKEDITOR.on( 'dialogDefinition', function( ev )
 					}
 				]
 			});
+			// Rewrite the 'onFocus' handler to always focus 'url' field.
+			dialogDefinition.onFocus = function()
+			{
+				var urlField = this.getContentElement( 'info', 'url' );
+				urlField.select();
+			};
 		}
 	});
@@ -95,9 +102,32 @@ CKEDITOR.on( 'dialogDefinition', function( ev )
 </head>
 <body>
-	<h1>
-		CKEditor Sample
+	<h1 class="samples">
+		CKEditor Sample &mdash; Using CKEditor Dialog API
 	</h1>
+	<div class="description">
+	<p>
+		This sample shows how to use the
+		<a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.html">CKEditor Dialog API</a>
+		to customize CKEditor dialog windows without changing the original editor code.
+		The following customizations are being done in the example below:
+	</p>
+	<ol>
+		<li><strong>Adding dialog window tabs</strong> &ndash; "My Tab" in the "Link" dialog window.</li>
+		<li><strong>Removing a dialog window tab</strong> &ndash; "Target" tab from the "Link" dialog window.</li>
+		<li><strong>Adding dialog window fields</strong> &ndash; "My Custom Field" in the "Link" dialog window.</li>
+		<li><strong>Removing dialog window fields</strong> &ndash; "Link Type" and "Browse Server" in the "Link"
+			dialog window.</li>
+		<li><strong>Setting default values for dialog window fields</strong> &ndash; "URL" field in the
+			"Link" dialog window. </li>
+		<li><strong>Creating a custom dialog window</strong> &ndash; "My Dialog" dialog window opened with the "My Dialog" toolbar button.</li>
+	</ol>
+	<p>
+For details on how to create this setup check the source code of this sample page.
+	</p>
+	</div>
 	<!-- This <div> holds alert messages to be display in the sample page. -->
 	<div id="alerts">
 		<noscript>
@@ -110,19 +140,6 @@ CKEDITOR.on( 'dialogDefinition', function( ev )
 	</div>
 	<!-- This <fieldset> holds the HTML that you will usually find in your
 	     pages. -->
-	<p>
-		This sample shows how to use the dialog API to customize dialogs whithout changing
-		the original editor code. The following customizations are being done::</p>
-	<ol>
-		<li><strong>Add dialog pages</strong> ("My Tab" in the Link dialog).</li>
-		<li><strong>Remove a dialog tab</strong> ("Target" tab from the Link dialog).</li>
-		<li><strong>Add dialog fields</strong> ("My Custom Field" into the Link dialog).</li>
-		<li><strong>Remove dialog fields</strong> ("Link Type" and "Browser Server" the Link
-			dialog).</li>
-		<li><strong>Set default values for dialog fields</strong> (for the "URL" field in the
-			Link dialog). </li>
-		<li><strong>Create a custom dialog</strong> ("My Dialog" button).</li>
-	</ol>
 	<textarea 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>
 	<script type="text/javascript">
 		//<![CDATA[
@@ -170,10 +187,10 @@ CKEDITOR.on( 'dialogDefinition', function( ev )
 	<div id="footer">
 		<hr />
 		<p>
-			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
+			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-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
+			Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
 			Knabben. All rights reserved.
 		</p>
 	</div>