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