tenon 1.1.2 → 1.1.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/lib/tenon/version.rb +1 -1
  3. metadata +1 -60
  4. data/app/assets/javascripts/ckeditor/samples/css/samples.css +0 -1640
  5. data/app/assets/javascripts/ckeditor/samples/img/github-top.png +0 -0
  6. data/app/assets/javascripts/ckeditor/samples/img/header-bg.png +0 -0
  7. data/app/assets/javascripts/ckeditor/samples/img/header-separator.png +0 -0
  8. data/app/assets/javascripts/ckeditor/samples/img/logo.png +0 -0
  9. data/app/assets/javascripts/ckeditor/samples/img/navigation-tip.png +0 -0
  10. data/app/assets/javascripts/ckeditor/samples/index.html +0 -128
  11. data/app/assets/javascripts/ckeditor/samples/js/sample.js +0 -53
  12. data/app/assets/javascripts/ckeditor/samples/js/sf.js +0 -17
  13. data/app/assets/javascripts/ckeditor/samples/old/ajax.html +0 -85
  14. data/app/assets/javascripts/ckeditor/samples/old/api.html +0 -210
  15. data/app/assets/javascripts/ckeditor/samples/old/appendto.html +0 -59
  16. data/app/assets/javascripts/ckeditor/samples/old/assets/inlineall/logo.png +0 -0
  17. data/app/assets/javascripts/ckeditor/samples/old/assets/outputxhtml/outputxhtml.css +0 -204
  18. data/app/assets/javascripts/ckeditor/samples/old/assets/posteddata.php +0 -59
  19. data/app/assets/javascripts/ckeditor/samples/old/assets/sample.jpg +0 -0
  20. data/app/assets/javascripts/ckeditor/samples/old/assets/uilanguages/languages.js +0 -7
  21. data/app/assets/javascripts/ckeditor/samples/old/datafiltering.html +0 -508
  22. data/app/assets/javascripts/ckeditor/samples/old/dialog/assets/my_dialog.js +0 -48
  23. data/app/assets/javascripts/ckeditor/samples/old/dialog/dialog.html +0 -190
  24. data/app/assets/javascripts/ckeditor/samples/old/divreplace.html +0 -144
  25. data/app/assets/javascripts/ckeditor/samples/old/enterkey/enterkey.html +0 -106
  26. data/app/assets/javascripts/ckeditor/samples/old/index.html +0 -125
  27. data/app/assets/javascripts/ckeditor/samples/old/inlineall.html +0 -314
  28. data/app/assets/javascripts/ckeditor/samples/old/inlinebycode.html +0 -124
  29. data/app/assets/javascripts/ckeditor/samples/old/inlinetextarea.html +0 -113
  30. data/app/assets/javascripts/ckeditor/samples/old/jquery.html +0 -103
  31. data/app/assets/javascripts/ckeditor/samples/old/readonly.html +0 -76
  32. data/app/assets/javascripts/ckeditor/samples/old/replacebyclass.html +0 -60
  33. data/app/assets/javascripts/ckeditor/samples/old/replacebycode.html +0 -59
  34. data/app/assets/javascripts/ckeditor/samples/old/sample.css +0 -357
  35. data/app/assets/javascripts/ckeditor/samples/old/sample.js +0 -50
  36. data/app/assets/javascripts/ckeditor/samples/old/sample_posteddata.php +0 -16
  37. data/app/assets/javascripts/ckeditor/samples/old/sourcedialog/sourcedialog.html +0 -121
  38. data/app/assets/javascripts/ckeditor/samples/old/tabindex.html +0 -78
  39. data/app/assets/javascripts/ckeditor/samples/old/toolbar/toolbar.html +0 -235
  40. data/app/assets/javascripts/ckeditor/samples/old/uicolor.html +0 -72
  41. data/app/assets/javascripts/ckeditor/samples/old/uilanguages.html +0 -122
  42. data/app/assets/javascripts/ckeditor/samples/old/wysiwygarea/fullpage.html +0 -80
  43. data/app/assets/javascripts/ckeditor/samples/old/xhtmlstyle.html +0 -234
  44. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/css/fontello.css +0 -55
  45. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/LICENSE.txt +0 -10
  46. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/config.json +0 -28
  47. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/fontello.eot +0 -0
  48. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/fontello.svg +0 -14
  49. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/fontello.ttf +0 -0
  50. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/font/fontello.woff +0 -0
  51. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/index.html +0 -446
  52. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/js/abstracttoolbarmodifier.js +0 -13
  53. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/js/fulltoolbareditor.js +0 -9
  54. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/js/toolbarmodifier.js +0 -33
  55. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/js/toolbartextmodifier.js +0 -14
  56. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/LICENSE +0 -19
  57. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/codemirror.css +0 -325
  58. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/codemirror.js +0 -288
  59. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/javascript.js +0 -25
  60. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/neo.css +0 -36
  61. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/show-hint.css +0 -38
  62. data/app/assets/javascripts/ckeditor/samples/toolbarconfigurator/lib/codemirror/show-hint.js +0 -16
@@ -1,121 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--
3
- Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
4
- For licensing, see LICENSE.md or http://ckeditor.com/license
5
- -->
6
- <html>
7
- <head>
8
- <meta charset="utf-8">
9
- <title>Editing source code in a dialog &mdash; CKEditor Sample</title>
10
- <script src="../../../ckeditor.js"></script>
11
- <link rel="stylesheet" href="../../../samples/old/sample.css">
12
- <meta name="ckeditor-sample-name" content="Editing source code in a dialog">
13
- <meta name="ckeditor-sample-group" content="Plugins">
14
- <meta name="ckeditor-sample-description" content="Editing HTML content of both inline and classic editor instances.">
15
- <meta name="ckeditor-sample-isnew" content="1">
16
- <style>
17
-
18
- #editable
19
- {
20
- padding: 10px;
21
- float: left;
22
- }
23
-
24
- </style>
25
- </head>
26
- <body>
27
- <h1 class="samples">
28
- <a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Editing source code in a dialog
29
- </h1>
30
- <div class="warning deprecated">
31
- This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/sourcearea.html">brand new version in CKEditor SDK</a>.
32
- </div>
33
- <div class="description">
34
- <p>
35
- <strong>Sourcedialog</strong> plugin provides an easy way to edit raw HTML content
36
- of an editor, similarly to what is possible with <strong>Sourcearea</strong>
37
- plugin for classic (<code>iframe</code>-based) instances but using dialogs. Thanks to that, it's also possible
38
- to manipulate raw content of inline editor instances.
39
- </p>
40
- <p>
41
- This plugin extends the toolbar with a button,
42
- which opens a dialog window with a source code editor. It works with both classic
43
- and inline instances. To enable this
44
- plugin, basically add <code>extraPlugins: 'sourcedialog'</code> to editor's
45
- config:
46
- </p>
47
- <pre class="samples">
48
- // Inline editor.
49
- CKEDITOR.inline( 'editable', {
50
- <strong>extraPlugins: 'sourcedialog'</strong>
51
- });
52
-
53
- // Classic (iframe-based) editor.
54
- CKEDITOR.replace( 'textarea_id', {
55
- <strong>extraPlugins: 'sourcedialog'</strong>,
56
- removePlugins: 'sourcearea'
57
- });
58
- </pre>
59
- <p>
60
- Note that you may want to include <code>removePlugins: 'sourcearea'</code>
61
- in your config when using <strong>Sourcedialog</strong> in classic editor instances.
62
- This prevents feature redundancy.
63
- </p>
64
- <p>
65
- Note that <code>editable</code> in the code above is the <code>id</code>
66
- attribute of the <code>&lt;div&gt;</code> element to be converted into an inline instance.
67
- </p>
68
- <p>
69
- Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
70
- the <code>&lt;textarea&gt;</code> element to be replaced with CKEditor.
71
- </p>
72
- </div>
73
- <div>
74
- <label for="editor1">
75
- Inline editor:
76
- </label>
77
- <div id="editor1" contenteditable="true" style="padding: 5px 20px;">
78
- <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
79
- </div>
80
- </div>
81
- <br>
82
- <div>
83
- <label for="editor2">
84
- Classic editor:
85
- </label>
86
- <textarea cols="80" id="editor2" name="editor2" rows="10">
87
- This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.
88
- </textarea>
89
- </div>
90
- <script>
91
-
92
- // We need to turn off the automatic editor creation first.
93
- CKEDITOR.disableAutoInline = true;
94
-
95
- var config = {
96
- toolbarGroups: [
97
- { name: 'mode' },
98
- { name: 'basicstyles' },
99
- { name: 'links' }
100
- ],
101
- extraPlugins: 'sourcedialog',
102
- removePlugins: 'sourcearea'
103
- }
104
-
105
- CKEDITOR.inline( 'editor1', config );
106
- CKEDITOR.replace( 'editor2', config );
107
-
108
- </script>
109
- <div id="footer">
110
- <hr>
111
- <p>
112
- CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">
113
- http://ckeditor.com</a>
114
- </p>
115
- <p id="copy">
116
- Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a>
117
- - Frederico Knabben. All rights reserved.
118
- </p>
119
- </div>
120
- </body>
121
- </html>
@@ -1,78 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--
3
- Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
4
- For licensing, see LICENSE.md or http://ckeditor.com/license
5
- -->
6
- <html>
7
- <head>
8
- <meta charset="utf-8">
9
- <title>TAB Key-Based Navigation &mdash; CKEditor Sample</title>
10
- <script src="../../ckeditor.js"></script>
11
- <link href="sample.css" rel="stylesheet">
12
- <style>
13
-
14
- .cke_focused,
15
- .cke_editable.cke_focused
16
- {
17
- outline: 3px dotted blue !important;
18
- *border: 3px dotted blue !important; /* For IE7 */
19
- }
20
-
21
- </style>
22
- <script>
23
-
24
- CKEDITOR.on( 'instanceReady', function( evt ) {
25
- var editor = evt.editor;
26
- editor.setData( 'This editor has it\'s tabIndex set to <strong>' + editor.tabIndex + '</strong>' );
27
-
28
- // Apply focus class name.
29
- editor.on( 'focus', function() {
30
- editor.container.addClass( 'cke_focused' );
31
- });
32
- editor.on( 'blur', function() {
33
- editor.container.removeClass( 'cke_focused' );
34
- });
35
-
36
- // Put startup focus on the first editor in tab order.
37
- if ( editor.tabIndex == 1 )
38
- editor.focus();
39
- });
40
-
41
- </script>
42
- </head>
43
- <body>
44
- <h1 class="samples">
45
- <a href="index.html">CKEditor Samples</a> &raquo; TAB Key-Based Navigation
46
- </h1>
47
- <div class="warning deprecated">
48
- This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/tabindex.html">brand new version in CKEditor SDK</a>.
49
- </div>
50
- <div class="description">
51
- <p>
52
- This sample shows how tab key navigation among editor instances is
53
- affected by the <code>tabIndex</code> attribute from
54
- the original page element. Use TAB key to move between the editors.
55
- </p>
56
- </div>
57
- <p>
58
- <textarea class="ckeditor" cols="80" id="editor4" rows="10" tabindex="1"></textarea>
59
- </p>
60
- <div class="ckeditor" contenteditable="true" id="editor1" tabindex="4"></div>
61
- <p>
62
- <textarea class="ckeditor" cols="80" id="editor2" rows="10" tabindex="2"></textarea>
63
- </p>
64
- <p>
65
- <textarea class="ckeditor" cols="80" id="editor3" rows="10" tabindex="3"></textarea>
66
- </p>
67
- <div id="footer">
68
- <hr>
69
- <p>
70
- CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
71
- </p>
72
- <p id="copy">
73
- Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
74
- Knabben. All rights reserved.
75
- </p>
76
- </div>
77
- </body>
78
- </html>
@@ -1,235 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--
3
- Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
4
- For licensing, see LICENSE.md or http://ckeditor.com/license
5
- -->
6
- <html>
7
- <head>
8
- <meta charset="utf-8">
9
- <title>Toolbar Configuration &mdash; CKEditor Sample</title>
10
- <meta name="ckeditor-sample-name" content="Toolbar Configurations">
11
- <meta name="ckeditor-sample-group" content="Advanced Samples">
12
- <meta name="ckeditor-sample-description" content="Configuring CKEditor to display full or custom toolbar layout.">
13
- <script src="../../../ckeditor.js"></script>
14
- <link href="../../../samples/old/sample.css" rel="stylesheet">
15
- </head>
16
- <body>
17
- <h1 class="samples">
18
- <a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Toolbar Configuration
19
- </h1>
20
- <div class="warning deprecated">
21
- This sample is not maintained anymore. Check out the <a href="../../../samples/toolbarconfigurator/index.html#basic">brand new CKEditor Toolbar Configurator</a>.
22
- </div>
23
- <div class="description">
24
- <p>
25
- This sample page demonstrates editor with loaded <a href="#fullToolbar">full toolbar</a> (all registered buttons) and, if
26
- current editor's configuration modifies default settings, also editor with <a href="#currentToolbar">modified toolbar</a>.
27
- </p>
28
-
29
- <p>Since CKEditor 4 there are two ways to configure toolbar buttons.</p>
30
-
31
- <h2 class="samples">By <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbar">config.toolbar</a></h2>
32
-
33
- <p>
34
- You can explicitly define which buttons are displayed in which groups and in which order.
35
- This is the more precise setting, but less flexible. If newly added plugin adds its
36
- own button you'll have to add it manually to your <code>config.toolbar</code> setting as well.
37
- </p>
38
-
39
- <p>To add a CKEditor instance with custom toolbar setting, insert the following JavaScript call to your code:</p>
40
-
41
- <pre class="samples">
42
- CKEDITOR.replace( <em>'textarea_id'</em>, {
43
- <strong>toolbar:</strong> [
44
- { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }, // Defines toolbar group with name (used to create voice label) and items in 3 subgroups.
45
- [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], // Defines toolbar group without name.
46
- '/', // Line break - next group will be placed in new line.
47
- { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
48
- ]
49
- });</pre>
50
-
51
- <h2 class="samples">By <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups">config.toolbarGroups</a></h2>
52
-
53
- <p>
54
- You can define which groups of buttons (like e.g. <code>basicstyles</code>, <code>clipboard</code>
55
- and <code>forms</code>) are displayed and in which order. Registered buttons are associated
56
- with toolbar groups by <code>toolbar</code> property in their definition.
57
- This setting's advantage is that you don't have to modify toolbar configuration
58
- when adding/removing plugins which register their own buttons.
59
- </p>
60
-
61
- <p>To add a CKEditor instance with custom toolbar groups setting, insert the following JavaScript call to your code:</p>
62
-
63
- <pre class="samples">
64
- CKEDITOR.replace( <em>'textarea_id'</em>, {
65
- <strong>toolbarGroups:</strong> [
66
- { name: 'document', groups: [ 'mode', 'document' ] }, // Displays document group with its two subgroups.
67
- { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, // Group's name will be used to create voice label.
68
- '/', // Line break - next group will be placed in new line.
69
- { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
70
- { name: 'links' }
71
- ]
72
-
73
- // NOTE: Remember to leave 'toolbar' property with the default value (null).
74
- });</pre>
75
- </div>
76
-
77
- <div id="currentToolbar" style="display: none">
78
- <h2 class="samples">Current toolbar configuration</h2>
79
- <p>Below you can see editor with current toolbar definition.</p>
80
- <textarea cols="80" id="editorCurrent" name="editorCurrent" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
81
- <pre id="editorCurrentCfg" class="samples"></pre>
82
- </div>
83
-
84
- <div id="fullToolbar">
85
- <h2 class="samples">Full toolbar configuration</h2>
86
- <p>Below you can see editor with full toolbar, generated automatically by the editor.</p>
87
- <p>
88
- <strong>Note</strong>: To create editor instance with full toolbar you don't have to set anything.
89
- Just leave <code>toolbar</code> and <code>toolbarGroups</code> with the default, <code>null</code> values.
90
- </p>
91
- <textarea cols="80" id="editorFull" name="editorFull" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
92
- <pre id="editorFullCfg" class="samples"></pre>
93
- </div>
94
-
95
- <script>
96
-
97
- (function() {
98
- 'use strict';
99
-
100
- var buttonsNames;
101
-
102
- CKEDITOR.config.extraPlugins = 'toolbar';
103
-
104
- CKEDITOR.on( 'instanceReady', function( evt ) {
105
- var editor = evt.editor,
106
- editorCurrent = editor.name == 'editorCurrent',
107
- defaultToolbar = !( editor.config.toolbar || editor.config.toolbarGroups || editor.config.removeButtons ),
108
- pre = CKEDITOR.document.getById( editor.name + 'Cfg' ),
109
- output = '';
110
-
111
- if ( editorCurrent ) {
112
- // If default toolbar configuration has been modified, show "current toolbar" section.
113
- if ( !defaultToolbar )
114
- CKEDITOR.document.getById( 'currentToolbar' ).show();
115
- else
116
- return;
117
- }
118
-
119
- if ( !buttonsNames )
120
- buttonsNames = createButtonsNamesHash( editor.ui.items );
121
-
122
- // Toolbar isn't set explicitly, so it was created automatically from toolbarGroups.
123
- if ( !editor.config.toolbar ) {
124
- output +=
125
- '// Toolbar configuration generated automatically by the editor based on config.toolbarGroups.\n' +
126
- dumpToolbarConfiguration( editor ) +
127
- '\n\n' +
128
- '// Toolbar groups configuration.\n' +
129
- dumpToolbarConfiguration( editor, true )
130
- }
131
- // Toolbar groups doesn't count in this case - print only toolbar.
132
- else {
133
- output += '// Toolbar configuration.\n' +
134
- dumpToolbarConfiguration( editor );
135
- }
136
-
137
- // Recreate to avoid old IE from loosing whitespaces on filling <pre> content.
138
- var preOutput = pre.getOuterHtml().replace( /(?=<\/)/, output );
139
- CKEDITOR.dom.element.createFromHtml( preOutput ).replace( pre );
140
- } );
141
-
142
- CKEDITOR.replace( 'editorCurrent', { height: 100 } );
143
- CKEDITOR.replace( 'editorFull', {
144
- // Reset toolbar settings, so full toolbar will be generated automatically.
145
- toolbar: null,
146
- toolbarGroups: null,
147
- removeButtons: null,
148
- height: 100
149
- } );
150
-
151
- function dumpToolbarConfiguration( editor, printGroups ) {
152
- var output = [],
153
- toolbar = editor.toolbar;
154
-
155
- for ( var i = 0; i < toolbar.length; ++i ) {
156
- var group = dumpToolbarGroup( toolbar[ i ], printGroups );
157
- if ( group )
158
- output.push( group );
159
- }
160
-
161
- return 'config.toolbar' + ( printGroups ? 'Groups' : '' ) + ' = [\n\t' + output.join( ',\n\t' ) + '\n];';
162
- }
163
-
164
- function dumpToolbarGroup( group, printGroups ) {
165
- var output = [];
166
-
167
- if ( typeof group == 'string' )
168
- return '\'' + group + '\'';
169
- if ( CKEDITOR.tools.isArray( group ) )
170
- return dumpToolbarItems( group );
171
- // Skip group when printing entire toolbar configuration and there are no items in this group.
172
- if ( !printGroups && !group.items )
173
- return;
174
-
175
- if ( group.name )
176
- output.push( 'name: \'' + group.name + '\'' );
177
-
178
- if ( group.groups )
179
- output.push( 'groups: ' + dumpToolbarItems( group.groups ) );
180
-
181
- if ( !printGroups )
182
- output.push( 'items: ' + dumpToolbarItems( group.items ) );
183
-
184
- return '{ ' + output.join( ', ' ) + ' }';
185
- }
186
-
187
- function dumpToolbarItems( items ) {
188
- if ( typeof items == 'string' )
189
- return '\'' + items + '\'';
190
-
191
- var names = [],
192
- i, item;
193
-
194
- for ( var i = 0; i < items.length; ++i ) {
195
- item = items[ i ];
196
- if ( typeof item == 'string' )
197
- names.push( item );
198
- else {
199
- if ( item.type == CKEDITOR.UI_SEPARATOR )
200
- names.push( '-' );
201
- else
202
- names.push( buttonsNames[ item.name ] );
203
- }
204
- }
205
-
206
- return '[ \'' + names.join( '\', \'' ) + '\' ]';
207
- }
208
-
209
- // Creates { 'lowercased': 'LowerCased' } buttons names hash.
210
- function createButtonsNamesHash( items ) {
211
- var hash = {},
212
- name;
213
-
214
- for ( name in items ) {
215
- hash[ items[ name ].name ] = name;
216
- }
217
-
218
- return hash;
219
- }
220
-
221
- })();
222
- </script>
223
-
224
- <div id="footer">
225
- <hr>
226
- <p>
227
- CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
228
- </p>
229
- <p id="copy">
230
- Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
231
- Knabben. All rights reserved.
232
- </p>
233
- </div>
234
- </body>
235
- </html>
@@ -1,72 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--
3
- Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
4
- For licensing, see LICENSE.md or http://ckeditor.com/license
5
- -->
6
- <html>
7
- <head>
8
- <meta charset="utf-8">
9
- <title>UI Color Picker &mdash; CKEditor Sample</title>
10
- <script src="../../ckeditor.js"></script>
11
- <link rel="stylesheet" href="sample.css">
12
- </head>
13
- <body>
14
- <h1 class="samples">
15
- <a href="index.html">CKEditor Samples</a> &raquo; UI Color
16
- </h1>
17
- <div class="warning deprecated">
18
- This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/uicolor.html">brand new version in CKEditor SDK</a>.
19
- </div>
20
- <div class="description">
21
- <p>
22
- This sample shows how to automatically replace <code>&lt;textarea&gt;</code> elements
23
- with a CKEditor instance with an option to change the color of its user interface.<br>
24
- <strong>Note:</strong>The UI skin color feature depends on the CKEditor skin
25
- compatibility. The Moono and Kama skins are examples of skins that work with it.
26
- </p>
27
- </div>
28
- <form action="sample_posteddata.php" method="post">
29
- <p>
30
- This editor instance has a UI color value defined in configuration to change the skin color,
31
- To specify the color of the user interface, set the <code>uiColor</code> property:
32
- </p>
33
- <pre class="samples">
34
- CKEDITOR.replace( '<em>textarea_id</em>', {
35
- <strong>uiColor: '#14B8C4'</strong>
36
- });</pre>
37
- <p>
38
- Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
39
- the <code>&lt;textarea&gt;</code> element to be replaced.
40
- </p>
41
- <p>
42
- <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
43
- <script>
44
-
45
- // Replace the <textarea id="editor"> with an CKEditor
46
- // instance, using default configurations.
47
- CKEDITOR.replace( 'editor1', {
48
- uiColor: '#14B8C4',
49
- toolbar: [
50
- [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
51
- [ 'FontSize', 'TextColor', 'BGColor' ]
52
- ]
53
- });
54
-
55
- </script>
56
- </p>
57
- <p>
58
- <input type="submit" value="Submit">
59
- </p>
60
- </form>
61
- <div id="footer">
62
- <hr>
63
- <p>
64
- CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
65
- </p>
66
- <p id="copy">
67
- Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
68
- Knabben. All rights reserved.
69
- </p>
70
- </div>
71
- </body>
72
- </html>
@@ -1,122 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--
3
- Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
4
- For licensing, see LICENSE.md or http://ckeditor.com/license
5
- -->
6
- <html>
7
- <head>
8
- <meta charset="utf-8">
9
- <title>User Interface Globalization &mdash; CKEditor Sample</title>
10
- <script src="../../ckeditor.js"></script>
11
- <script src="assets/uilanguages/languages.js"></script>
12
- <link rel="stylesheet" href="sample.css">
13
- </head>
14
- <body>
15
- <h1 class="samples">
16
- <a href="index.html">CKEditor Samples</a> &raquo; User Interface Languages
17
- </h1>
18
- <div class="warning deprecated">
19
- This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/uilanguages.html">brand new version in CKEditor SDK</a>.
20
- </div>
21
- <div class="description">
22
- <p>
23
- This sample shows how to automatically replace <code>&lt;textarea&gt;</code> elements
24
- with a CKEditor instance with an option to change the language of its user interface.
25
- </p>
26
- <p>
27
- It pulls the language list from CKEditor <code>_languages.js</code> file that contains the list of supported languages and creates
28
- a drop-down list that lets the user change the UI language.
29
- </p>
30
- <p>
31
- By default, CKEditor automatically localizes the editor to the language of the user.
32
- The UI language can be controlled with two configuration options:
33
- <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-language">language</a></code> and
34
- <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-defaultLanguage">
35
- defaultLanguage</a></code>. The <code>defaultLanguage</code> setting specifies the
36
- default CKEditor language to be used when a localization suitable for user's settings is not available.
37
- </p>
38
- <p>
39
- To specify the user interface language that will be used no matter what language is
40
- specified in user's browser or operating system, set the <code>language</code> property:
41
- </p>
42
- <pre class="samples">
43
- CKEDITOR.replace( '<em>textarea_id</em>', {
44
- // Load the German interface.
45
- <strong>language: 'de'</strong>
46
- });</pre>
47
- <p>
48
- Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
49
- the <code>&lt;textarea&gt;</code> element to be replaced.
50
- </p>
51
- </div>
52
- <form action="sample_posteddata.php" method="post">
53
- <p>
54
- Available languages (<span id="count"> </span> languages!):<br>
55
- <script>
56
-
57
- document.write( '<select disabled="disabled" id="languages" onchange="createEditor( this.value );">' );
58
-
59
- // Get the language list from the _languages.js file.
60
- for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ ) {
61
- document.write(
62
- '<option value="' + window.CKEDITOR_LANGS[i].code + '">' +
63
- window.CKEDITOR_LANGS[i].name +
64
- '</option>' );
65
- }
66
-
67
- document.write( '</select>' );
68
-
69
- </script>
70
- <br>
71
- <span style="color: #888888">
72
- (You may see strange characters if your system does not support the selected language)
73
- </span>
74
- </p>
75
- <p>
76
- <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
77
- <script>
78
-
79
- // Set the number of languages.
80
- document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
81
-
82
- var editor;
83
-
84
- function createEditor( languageCode ) {
85
- if ( editor )
86
- editor.destroy();
87
-
88
- // Replace the <textarea id="editor"> with an CKEditor
89
- // instance, using default configurations.
90
- editor = CKEDITOR.replace( 'editor1', {
91
- language: languageCode,
92
-
93
- on: {
94
- instanceReady: function() {
95
- // Wait for the editor to be ready to set
96
- // the language combo.
97
- var languages = document.getElementById( 'languages' );
98
- languages.value = this.langCode;
99
- languages.disabled = false;
100
- }
101
- }
102
- });
103
- }
104
-
105
- // At page startup, load the default language:
106
- createEditor( '' );
107
-
108
- </script>
109
- </p>
110
- </form>
111
- <div id="footer">
112
- <hr>
113
- <p>
114
- CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
115
- </p>
116
- <p id="copy">
117
- Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
118
- Knabben. All rights reserved.
119
- </p>
120
- </div>
121
- </body>
122
- </html>