1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| // Note: This automatic widget to dialog window binding (the fact that every field is set up from the widget
| // and is committed to the widget) is only possible when the dialog is opened by the Widgets System
| // (i.e. the widgetDef.dialog property is set).
| // When you are opening the dialog window by yourself, you need to take care of this by yourself too.
|
| CKEDITOR.dialog.add( 'simplebox', function( editor ) {
| return {
| title: 'Edit Simple Box',
| minWidth: 200,
| minHeight: 100,
| contents: [
| {
| id: 'info',
| elements: [
| {
| id: 'align',
| type: 'select',
| label: 'Align',
| items: [
| [ editor.lang.common.notSet, '' ],
| [ editor.lang.common.left, 'left' ],
| [ editor.lang.common.right, 'right' ],
| [ editor.lang.common.center, 'center' ]
| ],
| // When setting up this field, set its value to the "align" value from widget data.
| // Note: Align values used in the widget need to be the same as those defined in the "items" array above.
| setup: function( widget ) {
| this.setValue( widget.data.align );
| },
| // When committing (saving) this field, set its value to the widget data.
| commit: function( widget ) {
| widget.setData( 'align', this.getValue() );
| }
| },
| {
| id: 'width',
| type: 'text',
| label: 'Width',
| width: '50px',
| setup: function( widget ) {
| this.setValue( widget.data.width );
| },
| commit: function( widget ) {
| widget.setData( 'width', this.getValue() );
| }
| }
| ]
| }
| ]
| };
| } );
|
|
