]>
Commit | Line | Data |
---|---|---|
7adcb81e IB |
1 | <!DOCTYPE html>\r |
2 | <!--\r | |
3b35bd27 | 3 | Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r |
7adcb81e IB |
4 | For licensing, see LICENSE.md or http://ckeditor.com/license\r |
5 | -->\r | |
6 | <html>\r | |
7 | <head>\r | |
8 | <meta charset="utf-8">\r | |
9 | <title>CKEditor Samples</title>\r | |
10 | <link rel="stylesheet" href="sample.css">\r | |
11 | </head>\r | |
12 | <body>\r | |
13 | <h1 class="samples">\r | |
14 | CKEditor Samples\r | |
15 | </h1>\r | |
16 | <div class="warning deprecated">\r | |
17 | These samples are not maintained anymore. Check out the <a href="http://sdk.ckeditor.com/">brand new samples in CKEditor SDK</a>.\r | |
18 | </div>\r | |
19 | <div class="twoColumns">\r | |
20 | <div class="twoColumnsLeft">\r | |
21 | <h2 class="samples">\r | |
22 | Basic Samples\r | |
23 | </h2>\r | |
24 | <dl class="samples">\r | |
25 | <dt><a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a></dt>\r | |
26 | <dd>Automatic replacement of all textarea elements of a given class with a CKEditor instance.</dd>\r | |
27 | \r | |
28 | <dt><a class="samples" href="replacebycode.html">Replace textarea elements by code</a></dt>\r | |
29 | <dd>Replacement of textarea elements with CKEditor instances by using a JavaScript call.</dd>\r | |
30 | \r | |
31 | <dt><a class="samples" href="jquery.html">Create editors with jQuery</a></dt>\r | |
32 | <dd>Creating standard and inline CKEditor instances with jQuery adapter.</dd>\r | |
33 | </dl>\r | |
34 | \r | |
35 | <h2 class="samples">\r | |
36 | Basic Customization\r | |
37 | </h2>\r | |
38 | <dl class="samples">\r | |
39 | <dt><a class="samples" href="uicolor.html">User Interface color</a></dt>\r | |
40 | <dd>Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.</dd>\r | |
41 | \r | |
42 | <dt><a class="samples" href="uilanguages.html">User Interface languages</a></dt>\r | |
43 | <dd>Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.</dd>\r | |
44 | </dl>\r | |
45 | \r | |
46 | \r | |
47 | <h2 class="samples">Plugins</h2> | |
48 | <dl class="samples"> | |
49 | <dt><a class="samples" href="magicline/magicline.html">Magicline plugin</a></dt> | |
50 | <dd>Using the Magicline plugin to access difficult focus spaces.</dd> | |
51 | ||
52 | <dt><a class="samples" href="wysiwygarea/fullpage.html">Full page support</a></dt> | |
53 | <dd>CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>.</dd> | |
54 | </dl>\r | |
55 | </div>\r | |
56 | <div class="twoColumnsRight">\r | |
57 | <h2 class="samples">\r | |
58 | Inline Editing\r | |
59 | </h2>\r | |
60 | <dl class="samples">\r | |
61 | <dt><a class="samples" href="inlineall.html">Massive inline editor creation</a></dt>\r | |
62 | <dd>Turn all elements with <code>contentEditable = true</code> attribute into inline editors.</dd>\r | |
63 | \r | |
64 | <dt><a class="samples" href="inlinebycode.html">Convert element into an inline editor by code</a></dt>\r | |
65 | <dd>Conversion of DOM elements into inline CKEditor instances by using a JavaScript call.</dd>\r | |
66 | \r | |
67 | <dt><a class="samples" href="inlinetextarea.html">Replace textarea with inline editor</a> <span class="new">New!</span></dt>\r | |
68 | <dd>A form with a textarea that is replaced by an inline editor at runtime.</dd>\r | |
69 | \r | |
70 | \r | |
71 | </dl>\r | |
72 | \r | |
73 | <h2 class="samples">\r | |
74 | Advanced Samples\r | |
75 | </h2>\r | |
76 | <dl class="samples">\r | |
77 | <dt><a class="samples" href="datafiltering.html">Data filtering and features activation</a> <span class="new">New!</span></dt>\r | |
78 | <dd>Data filtering and automatic features activation basing on configuration.</dd>\r | |
79 | \r | |
80 | <dt><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a></dt>\r | |
81 | <dd>Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.</dd>\r | |
82 | \r | |
83 | <dt><a class="samples" href="appendto.html">Append editor instances</a></dt>\r | |
84 | <dd>Appending editor instances to existing DOM elements.</dd>\r | |
85 | \r | |
86 | <dt><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a></dt>\r | |
87 | <dd>Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.</dd>\r | |
88 | \r | |
89 | <dt><a class="samples" href="api.html">Basic usage of the API</a></dt>\r | |
90 | <dd>Using the CKEditor JavaScript API to interact with the editor at runtime.</dd>\r | |
91 | \r | |
92 | <dt><a class="samples" href="xhtmlstyle.html">XHTML-compliant style</a></dt>\r | |
93 | <dd>Configuring CKEditor to produce XHTML 1.1 compliant attributes and styles.</dd>\r | |
94 | \r | |
95 | <dt><a class="samples" href="readonly.html">Read-only mode</a></dt>\r | |
96 | <dd>Using the readOnly API to block introducing changes to the editor contents.</dd>\r | |
97 | \r | |
98 | <dt><a class="samples" href="tabindex.html">"Tab" key-based navigation</a></dt>\r | |
99 | <dd>Navigating among editor instances with tab key.</dd>\r | |
100 | \r | |
101 | \r | |
102 | ||
103 | <dt><a class="samples" href="dialog/dialog.html">Using the JavaScript API to customize dialog windows</a></dt> | |
104 | <dd>Using the dialog windows API to customize dialog windows without changing the original editor code.</dd> | |
105 | ||
106 | <dt><a class="samples" href="enterkey/enterkey.html">Using the "Enter" key in CKEditor</a></dt> | |
107 | <dd>Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.</dd> | |
108 | ||
109 | <dt><a class="samples" href="htmlwriter/outputforflash.html">Output for Flash</a></dt> | |
110 | <dd>Configuring CKEditor to produce HTML code that can be used with Adobe Flash.</dd> | |
111 | ||
112 | <dt><a class="samples" href="htmlwriter/outputhtml.html">Output HTML</a></dt> | |
113 | <dd>Configuring CKEditor to produce legacy HTML 4 code.</dd> | |
114 | ||
115 | <dt><a class="samples" href="toolbar/toolbar.html">Toolbar Configurations</a></dt> | |
116 | <dd>Configuring CKEditor to display full or custom toolbar layout.</dd> | |
117 | \r | |
118 | </dl>\r | |
119 | </div>\r | |
120 | </div>\r | |
121 | <div id="footer">\r | |
122 | <hr>\r | |
123 | <p>\r | |
124 | CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>\r | |
125 | </p>\r | |
126 | <p id="copy">\r | |
3b35bd27 | 127 | Copyright © 2003-2016, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.\r |
7adcb81e IB |
128 | </p>\r |
129 | </div>\r | |
130 | </body>\r | |
131 | </html>\r |