]>
Commit | Line | Data |
---|---|---|
1 | /**\r | |
2 | * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r | |
3 | * For licensing, see LICENSE.md or http://ckeditor.com/license\r | |
4 | */\r | |
5 | \r | |
6 | /**\r | |
7 | * @fileOverview Forms Plugin\r | |
8 | */\r | |
9 | \r | |
10 | CKEDITOR.plugins.add( 'forms', {\r | |
11 | requires: 'dialog,fakeobjects',\r | |
12 | // jscs:disable maximumLineLength\r | |
13 | lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%\r | |
14 | // jscs:enable maximumLineLength\r | |
15 | icons: 'button,checkbox,form,hiddenfield,imagebutton,radio,select,select-rtl,textarea,textarea-rtl,textfield', // %REMOVE_LINE_CORE%\r | |
16 | hidpi: true, // %REMOVE_LINE_CORE%\r | |
17 | onLoad: function() {\r | |
18 | CKEDITOR.addCss( '.cke_editable form' +\r | |
19 | '{' +\r | |
20 | 'border: 1px dotted #FF0000;' +\r | |
21 | 'padding: 2px;' +\r | |
22 | '}\n' );\r | |
23 | \r | |
24 | CKEDITOR.addCss( 'img.cke_hidden' +\r | |
25 | '{' +\r | |
26 | 'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/hiddenfield.gif' ) + ');' +\r | |
27 | 'background-position: center center;' +\r | |
28 | 'background-repeat: no-repeat;' +\r | |
29 | 'border: 1px solid #a9a9a9;' +\r | |
30 | 'width: 16px !important;' +\r | |
31 | 'height: 16px !important;' +\r | |
32 | '}' );\r | |
33 | \r | |
34 | },\r | |
35 | init: function( editor ) {\r | |
36 | var lang = editor.lang,\r | |
37 | order = 0,\r | |
38 | textfieldTypes = { email: 1, password: 1, search: 1, tel: 1, text: 1, url: 1 },\r | |
39 | allowedContent = {\r | |
40 | checkbox: 'input[type,name,checked,required]',\r | |
41 | radio: 'input[type,name,checked,required]',\r | |
42 | textfield: 'input[type,name,value,size,maxlength,required]',\r | |
43 | textarea: 'textarea[cols,rows,name,required]',\r | |
44 | select: 'select[name,size,multiple,required]; option[value,selected]',\r | |
45 | button: 'input[type,name,value]',\r | |
46 | form: 'form[action,name,id,enctype,target,method]',\r | |
47 | hiddenfield: 'input[type,name,value]',\r | |
48 | imagebutton: 'input[type,alt,src]{width,height,border,border-width,border-style,margin,float}'\r | |
49 | },\r | |
50 | requiredContent = {\r | |
51 | checkbox: 'input',\r | |
52 | radio: 'input',\r | |
53 | textfield: 'input',\r | |
54 | textarea: 'textarea',\r | |
55 | select: 'select',\r | |
56 | button: 'input',\r | |
57 | form: 'form',\r | |
58 | hiddenfield: 'input',\r | |
59 | imagebutton: 'input'\r | |
60 | };\r | |
61 | \r | |
62 | // All buttons use the same code to register. So, to avoid\r | |
63 | // duplications, let's use this tool function.\r | |
64 | var addButtonCommand = function( buttonName, commandName, dialogFile ) {\r | |
65 | var def = {\r | |
66 | allowedContent: allowedContent[ commandName ],\r | |
67 | requiredContent: requiredContent[ commandName ]\r | |
68 | };\r | |
69 | commandName == 'form' && ( def.context = 'form' );\r | |
70 | \r | |
71 | editor.addCommand( commandName, new CKEDITOR.dialogCommand( commandName, def ) );\r | |
72 | \r | |
73 | editor.ui.addButton && editor.ui.addButton( buttonName, {\r | |
74 | label: lang.common[ buttonName.charAt( 0 ).toLowerCase() + buttonName.slice( 1 ) ],\r | |
75 | command: commandName,\r | |
76 | toolbar: 'forms,' + ( order += 10 )\r | |
77 | } );\r | |
78 | CKEDITOR.dialog.add( commandName, dialogFile );\r | |
79 | };\r | |
80 | \r | |
81 | var dialogPath = this.path + 'dialogs/';\r | |
82 | !editor.blockless && addButtonCommand( 'Form', 'form', dialogPath + 'form.js' );\r | |
83 | addButtonCommand( 'Checkbox', 'checkbox', dialogPath + 'checkbox.js' );\r | |
84 | addButtonCommand( 'Radio', 'radio', dialogPath + 'radio.js' );\r | |
85 | addButtonCommand( 'TextField', 'textfield', dialogPath + 'textfield.js' );\r | |
86 | addButtonCommand( 'Textarea', 'textarea', dialogPath + 'textarea.js' );\r | |
87 | addButtonCommand( 'Select', 'select', dialogPath + 'select.js' );\r | |
88 | addButtonCommand( 'Button', 'button', dialogPath + 'button.js' );\r | |
89 | \r | |
90 | var imagePlugin = editor.plugins.image;\r | |
91 | \r | |
92 | // Since Image plugin is disabled when Image2 is to be loaded,\r | |
93 | // ImageButton also got to be off (#11222).\r | |
94 | if ( imagePlugin && !editor.plugins.image2 )\r | |
95 | addButtonCommand( 'ImageButton', 'imagebutton', CKEDITOR.plugins.getPath( 'image' ) + 'dialogs/image.js' );\r | |
96 | \r | |
97 | addButtonCommand( 'HiddenField', 'hiddenfield', dialogPath + 'hiddenfield.js' );\r | |
98 | \r | |
99 | // If the "menu" plugin is loaded, register the menu items.\r | |
100 | if ( editor.addMenuItems ) {\r | |
101 | var items = {\r | |
102 | checkbox: {\r | |
103 | label: lang.forms.checkboxAndRadio.checkboxTitle,\r | |
104 | command: 'checkbox',\r | |
105 | group: 'checkbox'\r | |
106 | },\r | |
107 | \r | |
108 | radio: {\r | |
109 | label: lang.forms.checkboxAndRadio.radioTitle,\r | |
110 | command: 'radio',\r | |
111 | group: 'radio'\r | |
112 | },\r | |
113 | \r | |
114 | textfield: {\r | |
115 | label: lang.forms.textfield.title,\r | |
116 | command: 'textfield',\r | |
117 | group: 'textfield'\r | |
118 | },\r | |
119 | \r | |
120 | hiddenfield: {\r | |
121 | label: lang.forms.hidden.title,\r | |
122 | command: 'hiddenfield',\r | |
123 | group: 'hiddenfield'\r | |
124 | },\r | |
125 | \r | |
126 | button: {\r | |
127 | label: lang.forms.button.title,\r | |
128 | command: 'button',\r | |
129 | group: 'button'\r | |
130 | },\r | |
131 | \r | |
132 | select: {\r | |
133 | label: lang.forms.select.title,\r | |
134 | command: 'select',\r | |
135 | group: 'select'\r | |
136 | },\r | |
137 | \r | |
138 | textarea: {\r | |
139 | label: lang.forms.textarea.title,\r | |
140 | command: 'textarea',\r | |
141 | group: 'textarea'\r | |
142 | }\r | |
143 | };\r | |
144 | \r | |
145 | if ( imagePlugin ) {\r | |
146 | items.imagebutton = {\r | |
147 | label: lang.image.titleButton,\r | |
148 | command: 'imagebutton',\r | |
149 | group: 'imagebutton'\r | |
150 | };\r | |
151 | }\r | |
152 | \r | |
153 | !editor.blockless && ( items.form = {\r | |
154 | label: lang.forms.form.menu,\r | |
155 | command: 'form',\r | |
156 | group: 'form'\r | |
157 | } );\r | |
158 | \r | |
159 | editor.addMenuItems( items );\r | |
160 | \r | |
161 | }\r | |
162 | \r | |
163 | // If the "contextmenu" plugin is loaded, register the listeners.\r | |
164 | if ( editor.contextMenu ) {\r | |
165 | !editor.blockless && editor.contextMenu.addListener( function( element, selection, path ) {\r | |
166 | var form = path.contains( 'form', 1 );\r | |
167 | if ( form && !form.isReadOnly() )\r | |
168 | return { form: CKEDITOR.TRISTATE_OFF };\r | |
169 | } );\r | |
170 | \r | |
171 | editor.contextMenu.addListener( function( element ) {\r | |
172 | if ( element && !element.isReadOnly() ) {\r | |
173 | var name = element.getName();\r | |
174 | \r | |
175 | if ( name == 'select' )\r | |
176 | return { select: CKEDITOR.TRISTATE_OFF };\r | |
177 | \r | |
178 | if ( name == 'textarea' )\r | |
179 | return { textarea: CKEDITOR.TRISTATE_OFF };\r | |
180 | \r | |
181 | if ( name == 'input' ) {\r | |
182 | var type = element.getAttribute( 'type' ) || 'text';\r | |
183 | switch ( type ) {\r | |
184 | case 'button':\r | |
185 | case 'submit':\r | |
186 | case 'reset':\r | |
187 | return { button: CKEDITOR.TRISTATE_OFF };\r | |
188 | \r | |
189 | case 'checkbox':\r | |
190 | return { checkbox: CKEDITOR.TRISTATE_OFF };\r | |
191 | \r | |
192 | case 'radio':\r | |
193 | return { radio: CKEDITOR.TRISTATE_OFF };\r | |
194 | \r | |
195 | case 'image':\r | |
196 | return imagePlugin ? { imagebutton: CKEDITOR.TRISTATE_OFF } : null;\r | |
197 | }\r | |
198 | \r | |
199 | if ( textfieldTypes[ type ] )\r | |
200 | return { textfield: CKEDITOR.TRISTATE_OFF };\r | |
201 | }\r | |
202 | \r | |
203 | if ( name == 'img' && element.data( 'cke-real-element-type' ) == 'hiddenfield' )\r | |
204 | return { hiddenfield: CKEDITOR.TRISTATE_OFF };\r | |
205 | }\r | |
206 | } );\r | |
207 | }\r | |
208 | \r | |
209 | editor.on( 'doubleclick', function( evt ) {\r | |
210 | var element = evt.data.element;\r | |
211 | \r | |
212 | if ( !editor.blockless && element.is( 'form' ) )\r | |
213 | evt.data.dialog = 'form';\r | |
214 | else if ( element.is( 'select' ) )\r | |
215 | evt.data.dialog = 'select';\r | |
216 | else if ( element.is( 'textarea' ) )\r | |
217 | evt.data.dialog = 'textarea';\r | |
218 | else if ( element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'hiddenfield' )\r | |
219 | evt.data.dialog = 'hiddenfield';\r | |
220 | else if ( element.is( 'input' ) ) {\r | |
221 | var type = element.getAttribute( 'type' ) || 'text';\r | |
222 | switch ( type ) {\r | |
223 | case 'button':\r | |
224 | case 'submit':\r | |
225 | case 'reset':\r | |
226 | evt.data.dialog = 'button';\r | |
227 | break;\r | |
228 | case 'checkbox':\r | |
229 | evt.data.dialog = 'checkbox';\r | |
230 | break;\r | |
231 | case 'radio':\r | |
232 | evt.data.dialog = 'radio';\r | |
233 | break;\r | |
234 | case 'image':\r | |
235 | evt.data.dialog = 'imagebutton';\r | |
236 | break;\r | |
237 | }\r | |
238 | if ( textfieldTypes[ type ] )\r | |
239 | evt.data.dialog = 'textfield';\r | |
240 | }\r | |
241 | } );\r | |
242 | },\r | |
243 | \r | |
244 | afterInit: function( editor ) {\r | |
245 | var dataProcessor = editor.dataProcessor,\r | |
246 | htmlFilter = dataProcessor && dataProcessor.htmlFilter,\r | |
247 | dataFilter = dataProcessor && dataProcessor.dataFilter;\r | |
248 | \r | |
249 | // Cleanup certain IE form elements default values.\r | |
250 | // Note: Inputs are marked with contenteditable=false flags, so filters for them\r | |
251 | // need to be applied to non-editable content as well.\r | |
252 | if ( CKEDITOR.env.ie ) {\r | |
253 | htmlFilter && htmlFilter.addRules( {\r | |
254 | elements: {\r | |
255 | input: function( input ) {\r | |
256 | var attrs = input.attributes,\r | |
257 | type = attrs.type;\r | |
258 | // Old IEs don't provide type for Text inputs #5522\r | |
259 | if ( !type )\r | |
260 | attrs.type = 'text';\r | |
261 | if ( type == 'checkbox' || type == 'radio' )\r | |
262 | attrs.value == 'on' && delete attrs.value;\r | |
263 | }\r | |
264 | }\r | |
265 | }, { applyToAll: true } );\r | |
266 | }\r | |
267 | \r | |
268 | if ( dataFilter ) {\r | |
269 | dataFilter.addRules( {\r | |
270 | elements: {\r | |
271 | input: function( element ) {\r | |
272 | if ( element.attributes.type == 'hidden' )\r | |
273 | return editor.createFakeParserElement( element, 'cke_hidden', 'hiddenfield' );\r | |
274 | }\r | |
275 | }\r | |
276 | }, { applyToAll: true } );\r | |
277 | }\r | |
278 | }\r | |
279 | } );\r |