- <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
+ <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="readonly.html">Read-only mode</a><br />\r
+ Using the readOnly API to block introducing changes to the editor contents.\r
+ </li>\r
+ </ul>\r
+ <h2 class="samples">\r
+ Additional plugins\r
+ </h2>\r
+ <ul class="samples">\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
+ <li><a class="samples" href="bbcode.html">Output for BBCode</a><br />\r
+ Configuring CKEditor to produce BBCode tags instead of HTML.\r
+ </li>\r
+ <li><a class="samples" href="stylesheetparser.html">Stylesheet Parser plugin</a><br />\r
+ Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.\r
+ </li>\r
+ <li><a class="samples" href="devtools.html">Developer Tools plugin</a><br />\r
+ Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.\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
+ <li><a class="samples" href="tableresize.html">TableResize plugin</a><br />\r
+ Using the TableResize plugin to enable table column resizing.\r
+ </li>\r