# CKEditor Samples

## 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.
Replace textarea with a "DIV-based" editor New!
  Using `div` instead of `iframe` for rich editing.
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

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.

## 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.
Magicline plugin New!
  Using the Magicline plugin to access difficult focus spaces.

## Inline editing New!

Massive inline editor creation New!
  Turn all elements with `contentEditable = true` attribute into inline editors.
Convert element into an inline editor by code New!
  Conversion of DOM elements into inline CKEditor instances by using a JavaScript call.

## Advanced Samples

Replace DIV elements on the fly
  Transforming a `div` element into an instance of CKEditor with a mouse click.
Append editor instances
  Appending editor instances to existing DOM elements.
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.
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.
"Tab" key-based navigation New!
  Navigating among editor instances with tab key.