1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
4 For licensing, see LICENSE.html or http://ckeditor.com/license
6 <html xmlns=
"http://www.w3.org/1999/xhtml">
8 <title>CKEditor Samples
</title>
9 <meta content=
"text/html; charset=utf-8" http-equiv=
"content-type" />
10 <link type=
"text/css" rel=
"stylesheet" href=
"sample.css" />
21 <a class=
"samples" href=
"replacebyclass.html">Replace textarea elements by class name
</a><br />
22 Automatic replacement of all textarea elements of a given class with a CKEditor instance.
24 <li><a class=
"samples" href=
"replacebycode.html">Replace textarea elements by code
</a><br />
25 Replacement of textarea elements with CKEditor instances by using a JavaScript call.
27 <li><a class=
"samples" href=
"fullpage.html">Full page support with the Document Properties plugin
</a><br />
28 CKEditor inserted with a JavaScript call and used to edit the whole page from
<code><html
></code> to
<code></html
></code>.
35 <li><a class=
"samples" href=
"skins.html">Skins
</a><br />
36 Changing the CKEditor skin by adjusting a single configuration option.
38 <li><a class=
"samples" href=
"ui_color.html">User Interface color
</a><br />
39 Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
41 <li><a class=
"samples" href=
"ui_languages.html">User Interface languages
</a><br />
42 Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
49 <li><a class=
"samples" href=
"divreplace.html">Replace DIV elements on the fly
</a><br />
50 Transforming a
<code>div
</code> element into an instance of CKEditor with a mouse click.
52 <li><a class=
"samples" href=
"ajax.html">Create and destroy editor instances for Ajax applications
</a><br />
53 Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
55 <li><a class=
"samples" href=
"api.html">Basic usage of the API
</a><br />
56 Using the CKEditor JavaScript API to interact with the editor at runtime.
58 <li><a class=
"samples" href=
"api_dialog.html">Using the JavaScript API to customize dialog windows
</a><br />
59 Using the dialog windows API to customize dialog windows without changing the original editor code.
61 <li><a class=
"samples" href=
"enterkey.html">Using the
"Enter" key in CKEditor
</a><br />
62 Configuring the behavior of
<em>Enter
</em> and
<em>Shift+Enter
</em> keys.
64 <li><a class=
"samples" href=
"sharedspaces.html">Shared toolbars
</a><br />
65 Displaying multiple editor instances that share the toolbar and/or the elements path.
67 <li><a class=
"samples" href=
"jqueryadapter.html">jQuery adapter example
</a><br />
68 Using the jQuery adapter to configure CKEditor.
70 <li><a class=
"samples" href=
"output_xhtml.html">Output XHTML
</a><br />
71 Configuring CKEditor to produce XHTML
1.1 compliant code.
73 <li><a class=
"samples" href=
"output_html.html">Output HTML
</a><br />
74 Configuring CKEditor to produce legacy HTML
4 code.
76 <li><a class=
"samples" href=
"output_for_flash.html">Output for Flash
</a><br />
77 Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
79 <li><a class=
"samples" href=
"readonly.html">Read-only mode
</a><br />
80 Using the readOnly API to block introducing changes to the editor contents.
87 <li><a class=
"samples" href=
"autogrow.html">AutoGrow plugin
</a><br />
88 Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.
90 <li><a class=
"samples" href=
"bbcode.html">Output for BBCode
</a><br />
91 Configuring CKEditor to produce BBCode tags instead of HTML.
93 <li><a class=
"samples" href=
"stylesheetparser.html">Stylesheet Parser plugin
</a><br />
94 Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.
96 <li><a class=
"samples" href=
"devtools.html">Developer Tools plugin
</a><br />
97 Using the Developer Tools plugin to display information about dialog window UI elements to allow for easier customization.
99 <li><a class=
"samples" href=
"placeholder.html">Placeholder plugin
</a><br />
100 Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.
102 <li><a class=
"samples" href=
"tableresize.html">TableResize plugin
</a><br />
103 Using the TableResize plugin to enable table column resizing.
109 CKEditor - The text editor for the Internet -
<a class=
"samples" href=
"http://ckeditor.com/">http://ckeditor.com
</a>
112 Copyright
© 2003-
2011,
<a class=
"samples" href=
"http://cksource.com/">CKSource
</a> - Frederico Knabben. All rights reserved.