← Back to branch summary

~justizin/zope.html/id_marker_lp_569541

« back to all changes in this revision

Viewing changes to src/zope/html/ckeditor/3.0/ckeditor/_source/plugins/forms/dialogs/textfield.js

  • Committer: achapman
  • Date: 2009-09-04 12:44:32 UTC
  • Revision ID: svn-v4:62d5b8a3-27da-0310-9561-8e5933582275:zope.html/trunk:103534
Ckeditor 3.0 widget added. Keeping Fckeditor for backward compatability

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/zope/html/ckeditor/3.0/ckeditor/_source/plugins/forms/dialogs/textfield.js
 
1
/*
 
2
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
 
3
For licensing, see LICENSE.html or http://ckeditor.com/license
 
4
*/
 
5
CKEDITOR.dialog.add( 'textfield', function( editor )
 
6
{
 
7
        var autoAttributes =
 
8
        {
 
9
                value : 1,
 
10
                size : 1,
 
11
                maxLength : 1
 
12
        };
 
13
 
 
14
        var acceptedTypes =
 
15
        {
 
16
                text : 1,
 
17
                password : 1
 
18
        };
 
19
 
 
20
        return {
 
21
                title : editor.lang.textfield.title,
 
22
                minWidth : 350,
 
23
                minHeight : 150,
 
24
                onShow : function()
 
25
                {
 
26
                        delete this.textField;
 
27
 
 
28
                        var element = this.getParentEditor().getSelection().getSelectedElement();
 
29
                        if ( element && element.getName() == "input" &&
 
30
                                        ( acceptedTypes[ element.getAttribute( 'type' ) ] || !element.getAttribute( 'type' ) ) )
 
31
                        {
 
32
                                this.textField = element;
 
33
                                this.setupContent( element );
 
34
                        }
 
35
                },
 
36
                onOk : function()
 
37
                {
 
38
                        var editor,
 
39
                                element = this.textField,
 
40
                                isInsertMode = !element;
 
41
 
 
42
                        if ( isInsertMode )
 
43
                        {
 
44
                                editor = this.getParentEditor();
 
45
                                element = editor.document.createElement( 'input' );
 
46
                                element.setAttribute( 'type', 'text' );
 
47
                        }
 
48
 
 
49
                        if ( isInsertMode )
 
50
                                editor.insertElement( element );
 
51
                        this.commitContent( { element : element } );
 
52
                },
 
53
                onLoad : function()
 
54
                {
 
55
                        var autoSetup = function( element )
 
56
                        {
 
57
                                var value = element.hasAttribute( this.id ) && element.getAttribute( this.id );
 
58
                                this.setValue( value || '' );
 
59
                        };
 
60
 
 
61
                        var autoCommit = function( data )
 
62
                        {
 
63
                                var element = data.element;
 
64
                                var value = this.getValue();
 
65
 
 
66
                                if ( value )
 
67
                                        element.setAttribute( this.id, value );
 
68
                                else
 
69
                                        element.removeAttribute( this.id );
 
70
                        };
 
71
 
 
72
                        this.foreach( function( contentObj )
 
73
                                {
 
74
                                        if ( autoAttributes[ contentObj.id ] )
 
75
                                        {
 
76
                                                contentObj.setup = autoSetup;
 
77
                                                contentObj.commit = autoCommit;
 
78
                                        }
 
79
                                } );
 
80
                },
 
81
                contents : [
 
82
                        {
 
83
                                id : 'info',
 
84
                                label : editor.lang.textfield.title,
 
85
                                title : editor.lang.textfield.title,
 
86
                                elements : [
 
87
                                        {
 
88
                                                type : 'hbox',
 
89
                                                widths : [ '50%', '50%' ],
 
90
                                                children :
 
91
                                                [
 
92
                                                        {
 
93
                                                                id : '_cke_saved_name',
 
94
                                                                type : 'text',
 
95
                                                                label : editor.lang.textfield.name,
 
96
                                                                'default' : '',
 
97
                                                                accessKey : 'N',
 
98
                                                                setup : function( element )
 
99
                                                                {
 
100
                                                                        this.setValue(
 
101
                                                                                        element.getAttribute( '_cke_saved_name' ) ||
 
102
                                                                                        element.getAttribute( 'name' ) ||
 
103
                                                                                        '' );
 
104
                                                                },
 
105
                                                                commit : function( data )
 
106
                                                                {
 
107
                                                                        var element = data.element;
 
108
 
 
109
                                                                        if ( this.getValue() )
 
110
                                                                                element.setAttribute( '_cke_saved_name', this.getValue() );
 
111
                                                                        else
 
112
                                                                        {
 
113
                                                                                element.removeAttribute( '_cke_saved_name' );
 
114
                                                                                element.removeAttribute( 'name' );
 
115
                                                                        }
 
116
                                                                }
 
117
                                                        },
 
118
                                                        {
 
119
                                                                id : 'value',
 
120
                                                                type : 'text',
 
121
                                                                label : editor.lang.textfield.value,
 
122
                                                                'default' : '',
 
123
                                                                accessKey : 'V'
 
124
                                                        }
 
125
                                                ]
 
126
                                        },
 
127
                                        {
 
128
                                                type : 'hbox',
 
129
                                                widths : [ '50%', '50%' ],
 
130
                                                children :
 
131
                                                [
 
132
                                                        {
 
133
                                                                id : 'size',
 
134
                                                                type : 'text',
 
135
                                                                label : editor.lang.textfield.charWidth,
 
136
                                                                'default' : '',
 
137
                                                                accessKey : 'C',
 
138
                                                                style : 'width:50px',
 
139
                                                                validate : CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )
 
140
                                                        },
 
141
                                                        {
 
142
                                                                id : 'maxLength',
 
143
                                                                type : 'text',
 
144
                                                                label : editor.lang.textfield.maxChars,
 
145
                                                                'default' : '',
 
146
                                                                accessKey : 'M',
 
147
                                                                style : 'width:50px',
 
148
                                                                validate : CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )
 
149
                                                        }
 
150
                                                ]
 
151
                                        },
 
152
                                        {
 
153
                                                id : 'type',
 
154
                                                type : 'select',
 
155
                                                label : editor.lang.textfield.type,
 
156
                                                'default' : 'text',
 
157
                                                accessKey : 'M',
 
158
                                                items :
 
159
                                                [
 
160
                                                        [ editor.lang.textfield.typeText, 'text' ],
 
161
                                                        [ editor.lang.textfield.typePass, 'password' ]
 
162
                                                ],
 
163
                                                setup : function( element )
 
164
                                                {
 
165
                                                        this.setValue( element.getAttribute( 'type' ) );
 
166
                                                },
 
167
                                                commit : function( data )
 
168
                                                {
 
169
                                                        var element = data.element;
 
170
 
 
171
                                                        if ( CKEDITOR.env.ie )
 
172
                                                        {
 
173
                                                                var elementType = element.getAttribute( 'type' );
 
174
                                                                var myType = this.getValue();
 
175
 
 
176
                                                                if ( elementType != myType )
 
177
                                                                {
 
178
                                                                        var replace = CKEDITOR.dom.element.createFromHtml( '<input type="' + myType + '"></input>', editor.document );
 
179
                                                                        element.copyAttributes( replace, { type : 1 } );
 
180
                                                                        replace.replace( element );
 
181
                                                                        editor.getSelection().selectElement( replace );
 
182
                                                                        data.element = element;
 
183
                                                                }
 
184
                                                        }
 
185
                                                        else
 
186
                                                                element.setAttribute( 'type', this.getValue() );
 
187
                                                }
 
188
                                        }
 
189
                                ]
 
190
                        }
 
191
                ]
 
192
        };
 
193
});