<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
<!--\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
-->\r
<html xmlns="http://www.w3.org/1999/xhtml">\r
<head>\r
- <title>Samples List - CKEditor</title>\r
+ <title>CKEditor Samples</title>\r
+ <meta content="text/html; charset=utf-8" http-equiv="content-type" />\r
<link type="text/css" rel="stylesheet" href="sample.css" />\r
</head>\r
<body>\r
- <h1>\r
- CKEditor Samples List\r
+ <h1 class="samples">\r
+ CKEditor Samples Site\r
</h1>\r
- <h2>\r
+ <h2 class="samples">\r
Basic Samples\r
</h2>\r
- <ul>\r
- <li><a href="replacebyclass.html">Replace textareas by class name</a></li>\r
- <li><a href="replacebycode.html">Replace textareas by code</a></li>\r
- <li><a href="fullpage.html">Full page support (editing from <html> to </html>)</a></li>\r
+ <ul class="samples">\r
+ <li>\r
+ <a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a><br />\r
+ Automatic replacement of all textarea elements of a given class with a CKEditor instance.\r
+ </li>\r
+ <li><a class="samples" href="replacebycode.html">Replace textarea elements by code</a><br />\r
+ Replacement of textarea elements with CKEditor instances by using a JavaScript call.\r
+ </li>\r
+ <li><a class="samples" href="fullpage.html">Full page support</a><br />\r
+ CKEditor inserted with a JavaScript call and used to edit the whole page from <code><html></code> to <code></html></code>.\r
+ </li>\r
</ul>\r
- <h2>\r
+ <h2 class="samples">\r
Basic Customization\r
</h2>\r
- <ul>\r
- <li><a href="skins.html">Skins</a></li>\r
- <li><a href="ui_color.html">User Interface Color</a></li>\r
- <li><a href="ui_languages.html">User Interface Languages</a></li>\r
+ <ul class="samples">\r
+ <li><a class="samples" href="skins.html">Skins</a><br />\r
+ Changing the CKEditor skin by adjusting a single configuration option.\r
+ </li>\r
+ <li><a class="samples" href="ui_color.html">User Interface color</a><br />\r
+ Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.\r
+ </li>\r
+ <li><a class="samples" href="ui_languages.html">User Interface languages</a><br />\r
+ Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.\r
+ </li>\r
+ <li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br />\r
+ Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.\r
+ </li>\r
</ul>\r
- <h2>\r
+ <h2 class="samples">\r
Advanced Samples\r
</h2>\r
- <ul>\r
- <li><a href="divreplace.html">Replace DIV elements on the fly</a> </li>\r
- <li><a href="ajax.html">Create and destroy editor instances for Ajax applications</a></li>\r
- <li><a href="api.html">Basic usage of the API</a></li>\r
- <li><a href="api_dialog.html">Using the JavaScript API to customize dialogs</a></li>\r
- <li><a href="enterkey.html">Using the "Enter" key in CKEditor</a></li>\r
- <li><a href="sharedspaces.html">Shared toolbars</a></li>\r
- <li><a href="jqueryadapter.html">jQuery adapter example</a></li>\r
- <li><a href="output_xhtml.html">Output XHTML</a></li>\r
- <li><a href="output_html.html">Output HTML</a></li>\r
- <li><a href="autogrow.html">AutoGrow plugin</a></li>\r
+ <ul class="samples">\r
+ <li><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a><br />\r
+ Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.\r
+ </li>\r
+ <li><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a><br />\r
+ Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.\r
+ </li>\r
+ <li><a class="samples" href="api.html">Basic usage of the API</a><br />\r
+ Using the CKEditor JavaScript API to interact with the editor at runtime.\r
+ </li>\r
+ <li><a class="samples" href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br />\r
+ Using the dialog windows API to customize dialog windows without changing the original editor code.\r
+ </li>\r
+ <li><a class="samples" href="enterkey.html">Using the "Enter" key in CKEditor</a><br />\r
+ Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.\r
+ </li>\r
+ <li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br />\r
+ Displaying multiple editor instances that share the toolbar and/or the elements path.\r
+ </li>\r
+ <li><a class="samples" href="jqueryadapter.html">jQuery adapter example</a><br />\r
+ Using the jQuery adapter to configure CKEditor.\r
+ </li>\r
+ <li><a class="samples" href="output_xhtml.html">Output XHTML</a><br />\r
+ Configuring CKEditor to produce XHTML 1.1 compliant code.\r
+ </li>\r
+ <li><a class="samples" href="output_html.html">Output HTML</a><br />\r
+ Configuring CKEditor to produce legacy HTML 4 code.\r
+ </li>\r
+ <li><a class="samples" href="output_for_flash.html">Output for Flash</a><br />\r
+ Configuring CKEditor to produce HTML code that can be used with Adobe Flash.\r
+ </li>\r
+ <li><a class="samples" href="placeholder.html">Placeholder plugin</a><br />\r
+ Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.\r
+ </li>\r
</ul>\r
<div id="footer">\r
<hr />\r
<p>\r
- CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>\r
+ CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>\r
</p>\r
<p id="copy">\r
- Copyright © 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.\r
+ Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.\r
</p>\r
</div>\r
</body>\r