# CKEditor Samples Site

## Basic Samples

- 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
  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
  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.