danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: CKEditor Samples danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Samples Site danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: Basic Samples danielebarchiesi@0:

danielebarchiesi@0:

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

danielebarchiesi@0:

danielebarchiesi@0: Basic Customization danielebarchiesi@0:

danielebarchiesi@0:

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

danielebarchiesi@0:

danielebarchiesi@0: Advanced Samples danielebarchiesi@0:

danielebarchiesi@0:

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

danielebarchiesi@0:

danielebarchiesi@0: Additional plugins danielebarchiesi@0:

danielebarchiesi@0:

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

danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: