CKEditor

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.

Home

Weblog

Twitter

Links

Prikbord

Email

FAQ

Zoeken

Colofon

©2002-2013 WisWijzer