X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_samples%2Findex.html;h=e5b18e5bad16ff04d039e5f5dcd1e39557cc25b5;hb=a272c66d841421f8bf933c16535bdcde1c4649fc;hp=1b9c30c1208be6f579ab1aec370b4bb2e79850fe;hpb=8761695d9b70afe75905deaac88f78c1f8aeb32d;p=ckeditor.git diff --git a/_samples/index.html b/_samples/index.html index 1b9c30c..e5b18e5 100644 --- a/_samples/index.html +++ b/_samples/index.html @@ -1,49 +1,115 @@ - Samples List - CKEditor + CKEditor Samples + -

- CKEditor Samples List +

+ CKEditor Samples Site

+

Basic Samples

Replace textareas by class name
Replace textareas by code

+ Replace textarea elements by class name
+ Automatic replacement of all textarea elements of a given class with a CKEditor instance. +
Replace textarea elements by code
+ Replacement of textarea elements with CKEditor instances by using a JavaScript call. +
Full page support with the Document Properties plugin
+ CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>. +

+

Basic Customization

Skins
User Interface Color
User Interface Languages

Skins
+ Changing the CKEditor skin by adjusting a single configuration option. +
User Interface color
+ Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color. +
User Interface languages
+ Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language. +

+

Advanced Samples

Replace DIV elements on the fly
Create and destroy editor instances for Ajax applications
Basic usage of the API
Using the JavaScript API to customize dialogs
Using the "Enter" key in CKEditor

Replace DIV elements on the fly
+ Transforming a div element into an instance of CKEditor with a mouse click. +
Create and destroy editor instances for Ajax applications
+ Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window. +
Basic usage of the API
+ Using the CKEditor JavaScript API to interact with the editor at runtime. +
Using the JavaScript API to customize dialog windows
+ Using the dialog windows API to customize dialog windows without changing the original editor code. +
Using the "Enter" key in CKEditor
+ Configuring the behavior of Enter and Shift+Enter keys. +
Shared toolbars
+ Displaying multiple editor instances that share the toolbar and/or the elements path. +
jQuery adapter example
+ Using the jQuery adapter to configure CKEditor. +
Output XHTML
+ Configuring CKEditor to produce XHTML 1.1 compliant code. +
Output HTML
+ Configuring CKEditor to produce legacy HTML 4 code. +
Output for Flash
+ Configuring CKEditor to produce HTML code that can be used with Adobe Flash. +
Read-only mode
+ Using the readOnly API to block introducing changes to the editor contents. +

+ Additional plugins +

AutoGrow plugin
+ Using the AutoGrow plugin in order to make the editor grow to fit the size of its content. +
Output for BBCode
+ Configuring CKEditor to produce BBCode tags instead of HTML. +
Stylesheet Parser plugin
+ Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet. +
Developer Tools plugin
+ Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization. +
Placeholder plugin
+ Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window. +
TableResize plugin
+ Using the TableResize plugin to enable table column resizing. +