[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / forms / plugin.js

/**\r
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
/**\r
 * @fileOverview Forms Plugin\r
 */\r
\r
CKEDITOR.plugins.add( 'forms', {\r
	requires: 'dialog,fakeobjects',\r
	// jscs:disable maximumLineLength\r
	lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,de-ch,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
	// jscs:enable maximumLineLength\r
	icons: 'button,checkbox,form,hiddenfield,imagebutton,radio,select,select-rtl,textarea,textarea-rtl,textfield', // %REMOVE_LINE_CORE%\r
	hidpi: true, // %REMOVE_LINE_CORE%\r
	onLoad: function() {\r
		CKEDITOR.addCss( '.cke_editable form' +\r
			'{' +\r
				'border: 1px dotted #FF0000;' +\r
				'padding: 2px;' +\r
			'}\n' );\r
\r
		CKEDITOR.addCss( 'img.cke_hidden' +\r
			'{' +\r
				'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/hiddenfield.gif' ) + ');' +\r
				'background-position: center center;' +\r
				'background-repeat: no-repeat;' +\r
				'border: 1px solid #a9a9a9;' +\r
				'width: 16px !important;' +\r
				'height: 16px !important;' +\r
			'}' );\r
\r
	},\r
	init: function( editor ) {\r
		var lang = editor.lang,\r
			order = 0,\r
			textfieldTypes = { email: 1, password: 1, search: 1, tel: 1, text: 1, url: 1 },\r
			allowedContent = {\r
				checkbox: 'input[type,name,checked,required]',\r
				radio: 'input[type,name,checked,required]',\r
				textfield: 'input[type,name,value,size,maxlength,required]',\r
				textarea: 'textarea[cols,rows,name,required]',\r
				select: 'select[name,size,multiple,required]; option[value,selected]',\r
				button: 'input[type,name,value]',\r
				form: 'form[action,name,id,enctype,target,method]',\r
				hiddenfield: 'input[type,name,value]',\r
				imagebutton: 'input[type,alt,src]{width,height,border,border-width,border-style,margin,float}'\r
			},\r
			requiredContent = {\r
				checkbox: 'input',\r
				radio: 'input',\r
				textfield: 'input',\r
				textarea: 'textarea',\r
				select: 'select',\r
				button: 'input',\r
				form: 'form',\r
				hiddenfield: 'input',\r
				imagebutton: 'input'\r
			};\r
\r
		// All buttons use the same code to register. So, to avoid\r
		// duplications, let's use this tool function.\r
		var addButtonCommand = function( buttonName, commandName, dialogFile ) {\r
				var def = {\r
					allowedContent: allowedContent[ commandName ],\r
					requiredContent: requiredContent[ commandName ]\r
				};\r
				commandName == 'form' && ( def.context = 'form' );\r
\r
				editor.addCommand( commandName, new CKEDITOR.dialogCommand( commandName, def ) );\r
\r
				editor.ui.addButton && editor.ui.addButton( buttonName, {\r
					label: lang.common[ buttonName.charAt( 0 ).toLowerCase() + buttonName.slice( 1 ) ],\r
					command: commandName,\r
					toolbar: 'forms,' + ( order += 10 )\r
				} );\r
				CKEDITOR.dialog.add( commandName, dialogFile );\r
			};\r
\r
		var dialogPath = this.path + 'dialogs/';\r
		!editor.blockless && addButtonCommand( 'Form', 'form', dialogPath + 'form.js' );\r
		addButtonCommand( 'Checkbox', 'checkbox', dialogPath + 'checkbox.js' );\r
		addButtonCommand( 'Radio', 'radio', dialogPath + 'radio.js' );\r
		addButtonCommand( 'TextField', 'textfield', dialogPath + 'textfield.js' );\r
		addButtonCommand( 'Textarea', 'textarea', dialogPath + 'textarea.js' );\r
		addButtonCommand( 'Select', 'select', dialogPath + 'select.js' );\r
		addButtonCommand( 'Button', 'button', dialogPath + 'button.js' );\r
\r
		var imagePlugin = editor.plugins.image;\r
\r
		// Since Image plugin is disabled when Image2 is to be loaded,\r
		// ImageButton also got to be off (#11222).\r
		if ( imagePlugin && !editor.plugins.image2 )\r
			addButtonCommand( 'ImageButton', 'imagebutton', CKEDITOR.plugins.getPath( 'image' ) + 'dialogs/image.js' );\r
\r
		addButtonCommand( 'HiddenField', 'hiddenfield', dialogPath + 'hiddenfield.js' );\r
\r
		// If the "menu" plugin is loaded, register the menu items.\r
		if ( editor.addMenuItems ) {\r
			var items = {\r
				checkbox: {\r
					label: lang.forms.checkboxAndRadio.checkboxTitle,\r
					command: 'checkbox',\r
					group: 'checkbox'\r
				},\r
\r
				radio: {\r
					label: lang.forms.checkboxAndRadio.radioTitle,\r
					command: 'radio',\r
					group: 'radio'\r
				},\r
\r
				textfield: {\r
					label: lang.forms.textfield.title,\r
					command: 'textfield',\r
					group: 'textfield'\r
				},\r
\r
				hiddenfield: {\r
					label: lang.forms.hidden.title,\r
					command: 'hiddenfield',\r
					group: 'hiddenfield'\r
				},\r
\r
				button: {\r
					label: lang.forms.button.title,\r
					command: 'button',\r
					group: 'button'\r
				},\r
\r
				select: {\r
					label: lang.forms.select.title,\r
					command: 'select',\r
					group: 'select'\r
				},\r
\r
				textarea: {\r
					label: lang.forms.textarea.title,\r
					command: 'textarea',\r
					group: 'textarea'\r
				}\r
			};\r
\r
			if ( imagePlugin ) {\r
				items.imagebutton = {\r
					label: lang.image.titleButton,\r
					command: 'imagebutton',\r
					group: 'imagebutton'\r
				};\r
			}\r
\r
			!editor.blockless && ( items.form = {\r
				label: lang.forms.form.menu,\r
				command: 'form',\r
				group: 'form'\r
			} );\r
\r
			editor.addMenuItems( items );\r
\r
		}\r
\r
		// If the "contextmenu" plugin is loaded, register the listeners.\r
		if ( editor.contextMenu ) {\r
			!editor.blockless && editor.contextMenu.addListener( function( element, selection, path ) {\r
				var form = path.contains( 'form', 1 );\r
				if ( form && !form.isReadOnly() )\r
					return { form: CKEDITOR.TRISTATE_OFF };\r
			} );\r
\r
			editor.contextMenu.addListener( function( element ) {\r
				if ( element && !element.isReadOnly() ) {\r
					var name = element.getName();\r
\r
					if ( name == 'select' )\r
						return { select: CKEDITOR.TRISTATE_OFF };\r
\r
					if ( name == 'textarea' )\r
						return { textarea: CKEDITOR.TRISTATE_OFF };\r
\r
					if ( name == 'input' ) {\r
						var type = element.getAttribute( 'type' ) || 'text';\r
						switch ( type ) {\r
							case 'button':\r
							case 'submit':\r
							case 'reset':\r
								return { button: CKEDITOR.TRISTATE_OFF };\r
\r
							case 'checkbox':\r
								return { checkbox: CKEDITOR.TRISTATE_OFF };\r
\r
							case 'radio':\r
								return { radio: CKEDITOR.TRISTATE_OFF };\r
\r
							case 'image':\r
								return imagePlugin ? { imagebutton: CKEDITOR.TRISTATE_OFF } : null;\r
						}\r
\r
						if ( textfieldTypes[ type ] )\r
							return { textfield: CKEDITOR.TRISTATE_OFF };\r
					}\r
\r
					if ( name == 'img' && element.data( 'cke-real-element-type' ) == 'hiddenfield' )\r
						return { hiddenfield: CKEDITOR.TRISTATE_OFF };\r
				}\r
			} );\r
		}\r
\r
		editor.on( 'doubleclick', function( evt ) {\r
			var element = evt.data.element;\r
\r
			if ( !editor.blockless && element.is( 'form' ) )\r
				evt.data.dialog = 'form';\r
			else if ( element.is( 'select' ) )\r
				evt.data.dialog = 'select';\r
			else if ( element.is( 'textarea' ) )\r
				evt.data.dialog = 'textarea';\r
			else if ( element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'hiddenfield' )\r
				evt.data.dialog = 'hiddenfield';\r
			else if ( element.is( 'input' ) ) {\r
				var type = element.getAttribute( 'type' ) || 'text';\r
				switch ( type ) {\r
					case 'button':\r
					case 'submit':\r
					case 'reset':\r
						evt.data.dialog = 'button';\r
						break;\r
					case 'checkbox':\r
						evt.data.dialog = 'checkbox';\r
						break;\r
					case 'radio':\r
						evt.data.dialog = 'radio';\r
						break;\r
					case 'image':\r
						evt.data.dialog = 'imagebutton';\r
						break;\r
				}\r
				if ( textfieldTypes[ type ] )\r
					evt.data.dialog = 'textfield';\r
			}\r
		} );\r
	},\r
\r
	afterInit: function( editor ) {\r
		var dataProcessor = editor.dataProcessor,\r
			htmlFilter = dataProcessor && dataProcessor.htmlFilter,\r
			dataFilter = dataProcessor && dataProcessor.dataFilter;\r
\r
		// Cleanup certain IE form elements default values.\r
		// Note: Inputs are marked with contenteditable=false flags, so filters for them\r
		// need to be applied to non-editable content as well.\r
		if ( CKEDITOR.env.ie ) {\r
			htmlFilter && htmlFilter.addRules( {\r
				elements: {\r
					input: function( input ) {\r
						var attrs = input.attributes,\r
							type = attrs.type;\r
						// Old IEs don't provide type for Text inputs #5522\r
						if ( !type )\r
							attrs.type = 'text';\r
						if ( type == 'checkbox' || type == 'radio' )\r
							attrs.value == 'on' && delete attrs.value;\r
					}\r
				}\r
			}, { applyToAll: true } );\r
		}\r
\r
		if ( dataFilter ) {\r
			dataFilter.addRules( {\r
				elements: {\r
					input: function( element ) {\r
						if ( element.attributes.type == 'hidden' )\r
							return editor.createFakeParserElement( element, 'cke_hidden', 'hiddenfield' );\r
					}\r
				}\r
			}, { applyToAll: true } );\r
		}\r
	}\r
} );\r
Commit	Line	Data
7adcb81e	1	/**\r
3b35bd27	2	* @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
7adcb81e IB	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
3b35bd27	13	lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,de-ch,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
7adcb81e IB	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