diff options
Diffstat (limited to 'plugins/dialogui/plugin.js')
| -rw-r--r-- | plugins/dialogui/plugin.js | 1376 |
1 files changed, 0 insertions, 1376 deletions
diff --git a/plugins/dialogui/plugin.js b/plugins/dialogui/plugin.js deleted file mode 100644 index 8c6ddd3..0000000 --- a/plugins/dialogui/plugin.js +++ /dev/null @@ -1,1376 +0,0 @@ -/**
- * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.html or http://ckeditor.com/license
- */
-
-/**
- * @fileOverview The "dialogui" plugin.
- */
-
-CKEDITOR.plugins.add( 'dialogui', {
- onLoad: function() {
-
- var initPrivateObject = function( elementDefinition ) {
- this._ || ( this._ = {} );
- this._[ 'default' ] = this._.initValue = elementDefinition[ 'default' ] || '';
- this._.required = elementDefinition[ 'required' ] || false;
- var args = [ this._ ];
- for ( var i = 1; i < arguments.length; i++ )
- args.push( arguments[ i ] );
- args.push( true );
- CKEDITOR.tools.extend.apply( CKEDITOR.tools, args );
- return this._;
- },
- textBuilder = {
- build: function( dialog, elementDefinition, output ) {
- return new CKEDITOR.ui.dialog.textInput( dialog, elementDefinition, output );
- }
- },
- commonBuilder = {
- build: function( dialog, elementDefinition, output ) {
- return new CKEDITOR.ui.dialog[ elementDefinition.type ]( dialog, elementDefinition, output );
- }
- },
- containerBuilder = {
- build: function( dialog, elementDefinition, output ) {
- var children = elementDefinition.children,
- child,
- childHtmlList = [],
- childObjList = [];
- for ( var i = 0;
- ( i < children.length && ( child = children[ i ] ) ); i++ ) {
- var childHtml = [];
- childHtmlList.push( childHtml );
- childObjList.push( CKEDITOR.dialog._.uiElementBuilders[ child.type ].build( dialog, child, childHtml ) );
- }
- return new CKEDITOR.ui.dialog[ elementDefinition.type ]( dialog, childObjList, childHtmlList, output, elementDefinition );
- }
- },
- commonPrototype = {
- isChanged: function() {
- return this.getValue() != this.getInitValue();
- },
-
- reset: function( noChangeEvent ) {
- this.setValue( this.getInitValue(), noChangeEvent );
- },
-
- setInitValue: function() {
- this._.initValue = this.getValue();
- },
-
- resetInitValue: function() {
- this._.initValue = this._[ 'default' ];
- },
-
- getInitValue: function() {
- return this._.initValue;
- }
- },
- commonEventProcessors = CKEDITOR.tools.extend( {}, CKEDITOR.ui.dialog.uiElement.prototype.eventProcessors, {
- onChange: function( dialog, func ) {
- if ( !this._.domOnChangeRegistered ) {
- dialog.on( 'load', function() {
- this.getInputElement().on( 'change', function() {
- // Make sure 'onchange' doesn't get fired after dialog closed. (#5719)
- if ( !dialog.parts.dialog.isVisible() )
- return;
-
- this.fire( 'change', { value: this.getValue() } );
- }, this );
- }, this );
- this._.domOnChangeRegistered = true;
- }
-
- this.on( 'change', func );
- }
- }, true ),
- eventRegex = /^on([A-Z]\w+)/,
- cleanInnerDefinition = function( def ) {
- // An inner UI element should not have the parent's type, title or events.
- for ( var i in def ) {
- if ( eventRegex.test( i ) || i == 'title' || i == 'type' )
- delete def[ i ];
- }
- return def;
- };
-
- CKEDITOR.tools.extend( CKEDITOR.ui.dialog, {
- /**
- * Base class for all dialog elements with a textual label on the left.
- *
- * @class CKEDITOR.ui.dialog.labeledElement
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a labeledElement class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `label` (Required) The label string.
- * * `labelLayout` (Optional) Put 'horizontal' here if the
- * label element is to be layed out horizontally. Otherwise a vertical
- * layout will be used.
- * * `widths` (Optional) This applies only for horizontal
- * layouts - an 2-element array of lengths to specify the widths of the
- * label and the content element.
- *
- * @param {Array} htmlList List of HTML code to output to.
- * @param {Function} contentHtml
- * A function returning the HTML code string to be added inside the content
- * cell.
- */
- labeledElement: function( dialog, elementDefinition, htmlList, contentHtml ) {
- if ( arguments.length < 4 )
- return;
-
- var _ = initPrivateObject.call( this, elementDefinition );
- _.labelId = CKEDITOR.tools.getNextId() + '_label';
- var children = this._.children = [];
-
- var innerHTML = function() {
- var html = [],
- requiredClass = elementDefinition.required ? ' cke_required' : '';
- if ( elementDefinition.labelLayout != 'horizontal' )
- html.push( '<label class="cke_dialog_ui_labeled_label' + requiredClass + '" ', ' id="' + _.labelId + '"', ( _.inputId ? ' for="' + _.inputId + '"' : '' ), ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) + '>', elementDefinition.label, '</label>', '<div class="cke_dialog_ui_labeled_content"' + ( elementDefinition.controlStyle ? ' style="' + elementDefinition.controlStyle + '"' : '' ) + ' role="presentation">', contentHtml.call( this, dialog, elementDefinition ), '</div>' );
- else {
- var hboxDefinition = {
- type: 'hbox',
- widths: elementDefinition.widths,
- padding: 0,
- children: [
- {
- type: 'html',
- html: '<label class="cke_dialog_ui_labeled_label' + requiredClass + '"' +
- ' id="' + _.labelId + '"' +
- ' for="' + _.inputId + '"' +
- ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) + '>' +
- CKEDITOR.tools.htmlEncode( elementDefinition.label ) +
- '</span>'
- },
- {
- type: 'html',
- html: '<span class="cke_dialog_ui_labeled_content"' + ( elementDefinition.controlStyle ? ' style="' + elementDefinition.controlStyle + '"' : '' ) + '>' +
- contentHtml.call( this, dialog, elementDefinition ) +
- '</span>'
- }
- ]
- };
- CKEDITOR.dialog._.uiElementBuilders.hbox.build( dialog, hboxDefinition, html );
- }
- return html.join( '' );
- };
- CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition, htmlList, 'div', null, { role: 'presentation' }, innerHTML );
- },
-
- /**
- * A text input with a label. This UI element class represents both the
- * single-line text inputs and password inputs in dialog boxes.
- *
- * @class CKEDITOR.ui.dialog.textInput
- * @extends CKEDITOR.ui.dialog.labeledElement
- * @constructor Creates a textInput class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `default` (Optional) The default value.
- * * `validate` (Optional) The validation function.
- * * `maxLength` (Optional) The maximum length of text box contents.
- * * `size` (Optional) The size of the text box. This is
- * usually overridden by the size defined by the skin, however.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- textInput: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- initPrivateObject.call( this, elementDefinition );
- var domId = this._.inputId = CKEDITOR.tools.getNextId() + '_textInput',
- attributes = { 'class': 'cke_dialog_ui_input_' + elementDefinition.type, id: domId, type: elementDefinition.type },
- i;
-
- // Set the validator, if any.
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- // Set the max length and size.
- if ( elementDefinition.maxLength )
- attributes.maxlength = elementDefinition.maxLength;
- if ( elementDefinition.size )
- attributes.size = elementDefinition.size;
-
- if ( elementDefinition.inputStyle )
- attributes.style = elementDefinition.inputStyle;
-
- // If user presses Enter in a text box, it implies clicking OK for the dialog.
- var me = this,
- keyPressedOnMe = false;
- dialog.on( 'load', function() {
- me.getInputElement().on( 'keydown', function( evt ) {
- if ( evt.data.getKeystroke() == 13 )
- keyPressedOnMe = true;
- });
-
- // Lower the priority this 'keyup' since 'ok' will close the dialog.(#3749)
- me.getInputElement().on( 'keyup', function( evt ) {
- if ( evt.data.getKeystroke() == 13 && keyPressedOnMe ) {
- dialog.getButton( 'ok' ) && setTimeout( function() {
- dialog.getButton( 'ok' ).click();
- }, 0 );
- keyPressedOnMe = false;
- }
- }, null, null, 1000 );
- });
-
- var innerHTML = function() {
- // IE BUG: Text input fields in IE at 100% would exceed a <td> or inline
- // container's width, so need to wrap it inside a <div>.
- var html = [ '<div class="cke_dialog_ui_input_', elementDefinition.type, '" role="presentation"' ];
-
- if ( elementDefinition.width )
- html.push( 'style="width:' + elementDefinition.width + '" ' );
-
- html.push( '><input ' );
-
- attributes[ 'aria-labelledby' ] = this._.labelId;
- this._.required && ( attributes[ 'aria-required' ] = this._.required );
- for ( var i in attributes )
- html.push( i + '="' + attributes[ i ] + '" ' );
- html.push( ' /></div>' );
- return html.join( '' );
- };
- CKEDITOR.ui.dialog.labeledElement.call( this, dialog, elementDefinition, htmlList, innerHTML );
- },
-
- /**
- * A text area with a label on the top or left.
- *
- * @class CKEDITOR.ui.dialog.textarea
- * @extends CKEDITOR.ui.dialog.labeledElement
- * @constructor Creates a textarea class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- *
- * The element definition. Accepted fields:
- *
- * * `rows` (Optional) The number of rows displayed.
- * Defaults to 5 if not defined.
- * * `cols` (Optional) The number of cols displayed.
- * Defaults to 20 if not defined. Usually overridden by skins.
- * * `default` (Optional) The default value.
- * * `validate` (Optional) The validation function.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- textarea: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- initPrivateObject.call( this, elementDefinition );
- var me = this,
- domId = this._.inputId = CKEDITOR.tools.getNextId() + '_textarea',
- attributes = {};
-
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- // Generates the essential attributes for the textarea tag.
- attributes.rows = elementDefinition.rows || 5;
- attributes.cols = elementDefinition.cols || 20;
-
- attributes[ 'class' ] = 'cke_dialog_ui_input_textarea ' + ( elementDefinition[ 'class' ] || '' );
-
- if ( typeof elementDefinition.inputStyle != 'undefined' )
- attributes.style = elementDefinition.inputStyle;
-
- if ( elementDefinition.dir )
- attributes.dir = elementDefinition.dir;
-
- var innerHTML = function() {
- attributes[ 'aria-labelledby' ] = this._.labelId;
- this._.required && ( attributes[ 'aria-required' ] = this._.required );
- var html = [ '<div class="cke_dialog_ui_input_textarea" role="presentation"><textarea id="', domId, '" ' ];
- for ( var i in attributes )
- html.push( i + '="' + CKEDITOR.tools.htmlEncode( attributes[ i ] ) + '" ' );
- html.push( '>', CKEDITOR.tools.htmlEncode( me._[ 'default' ] ), '</textarea></div>' );
- return html.join( '' );
- };
- CKEDITOR.ui.dialog.labeledElement.call( this, dialog, elementDefinition, htmlList, innerHTML );
- },
-
- /**
- * A single checkbox with a label on the right.
- *
- * @class CKEDITOR.ui.dialog.checkbox
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a checkbox class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `checked` (Optional) Whether the checkbox is checked
- * on instantiation. Defaults to false.
- * * `validate` (Optional) The validation function.
- * * `label` (Optional) The checkbox label.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- checkbox: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- var _ = initPrivateObject.call( this, elementDefinition, { 'default': !!elementDefinition[ 'default' ] } );
-
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- var innerHTML = function() {
- var myDefinition = CKEDITOR.tools.extend( {}, elementDefinition, {
- id: elementDefinition.id ? elementDefinition.id + '_checkbox' : CKEDITOR.tools.getNextId() + '_checkbox'
- }, true ),
- html = [];
-
- var labelId = CKEDITOR.tools.getNextId() + '_label';
- var attributes = { 'class': 'cke_dialog_ui_checkbox_input', type: 'checkbox', 'aria-labelledby': labelId };
- cleanInnerDefinition( myDefinition );
- if ( elementDefinition[ 'default' ] )
- attributes.checked = 'checked';
-
- if ( typeof myDefinition.inputStyle != 'undefined' )
- myDefinition.style = myDefinition.inputStyle;
-
- _.checkbox = new CKEDITOR.ui.dialog.uiElement( dialog, myDefinition, html, 'input', null, attributes );
- html.push( ' <label id="', labelId, '" for="', attributes.id, '"' + ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) + '>', CKEDITOR.tools.htmlEncode( elementDefinition.label ), '</label>' );
- return html.join( '' );
- };
-
- CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition, htmlList, 'span', null, null, innerHTML );
- },
-
- /**
- * A group of radio buttons.
- *
- * @class CKEDITOR.ui.dialog.radio
- * @extends CKEDITOR.ui.dialog.labeledElement
- * @constructor Creates a radio class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `default` (Required) The default value.
- * * `validate` (Optional) The validation function.
- * * `items` (Required) An array of options. Each option
- * is a 1- or 2-item array of format `[ 'Description', 'Value' ]`. If `'Value'`
- * is missing, then the value would be assumed to be the same as the description.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- radio: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- initPrivateObject.call( this, elementDefinition );
- if ( !this._[ 'default' ] )
- this._[ 'default' ] = this._.initValue = elementDefinition.items[ 0 ][ 1 ];
- if ( elementDefinition.validate )
- this.validate = elementDefinition.valdiate;
- var children = [],
- me = this;
-
- var innerHTML = function() {
- var inputHtmlList = [],
- html = [],
- commonAttributes = { 'class': 'cke_dialog_ui_radio_item', 'aria-labelledby': this._.labelId },
- commonName = elementDefinition.id ? elementDefinition.id + '_radio' : CKEDITOR.tools.getNextId() + '_radio';
- for ( var i = 0; i < elementDefinition.items.length; i++ ) {
- var item = elementDefinition.items[ i ],
- title = item[ 2 ] !== undefined ? item[ 2 ] : item[ 0 ],
- value = item[ 1 ] !== undefined ? item[ 1 ] : item[ 0 ],
- inputId = CKEDITOR.tools.getNextId() + '_radio_input',
- labelId = inputId + '_label',
- inputDefinition = CKEDITOR.tools.extend( {}, elementDefinition, {
- id: inputId,
- title: null,
- type: null
- }, true ),
- labelDefinition = CKEDITOR.tools.extend( {}, inputDefinition, {
- title: title
- }, true ),
- inputAttributes = {
- type: 'radio',
- 'class': 'cke_dialog_ui_radio_input',
- name: commonName,
- value: value,
- 'aria-labelledby': labelId
- },
- inputHtml = [];
- if ( me._[ 'default' ] == value )
- inputAttributes.checked = 'checked';
- cleanInnerDefinition( inputDefinition );
- cleanInnerDefinition( labelDefinition );
-
- if ( typeof inputDefinition.inputStyle != 'undefined' )
- inputDefinition.style = inputDefinition.inputStyle;
-
- children.push( new CKEDITOR.ui.dialog.uiElement( dialog, inputDefinition, inputHtml, 'input', null, inputAttributes ) );
- inputHtml.push( ' ' );
- new CKEDITOR.ui.dialog.uiElement( dialog, labelDefinition, inputHtml, 'label', null, { id: labelId, 'for': inputAttributes.id }, item[ 0 ] );
- inputHtmlList.push( inputHtml.join( '' ) );
- }
- new CKEDITOR.ui.dialog.hbox( dialog, children, inputHtmlList, html );
- return html.join( '' );
- };
-
- CKEDITOR.ui.dialog.labeledElement.call( this, dialog, elementDefinition, htmlList, innerHTML );
- this._.children = children;
- },
-
- /**
- * A button with a label inside.
- *
- * @class CKEDITOR.ui.dialog.button
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a button class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `label` (Required) The button label.
- * * `disabled` (Optional) Set to true if you want the
- * button to appear in disabled state.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- button: function( dialog, elementDefinition, htmlList ) {
- if ( !arguments.length )
- return;
-
- if ( typeof elementDefinition == 'function' )
- elementDefinition = elementDefinition( dialog.getParentEditor() );
-
- initPrivateObject.call( this, elementDefinition, { disabled: elementDefinition.disabled || false } );
-
- // Add OnClick event to this input.
- CKEDITOR.event.implementOn( this );
-
- var me = this;
-
- // Register an event handler for processing button clicks.
- dialog.on( 'load', function( eventInfo ) {
- var element = this.getElement();
-
- (function() {
- element.on( 'click', me.click, me );
-
- element.on( 'keydown', function( evt ) {
- if ( evt.data.getKeystroke() in { 32:1 } ) {
- me.click();
- evt.data.preventDefault();
- }
- });
- })();
-
- element.unselectable();
- }, this );
-
- var outerDefinition = CKEDITOR.tools.extend( {}, elementDefinition );
- delete outerDefinition.style;
-
- var labelId = CKEDITOR.tools.getNextId() + '_label';
- CKEDITOR.ui.dialog.uiElement.call( this, dialog, outerDefinition, htmlList, 'a', null, {
- style: elementDefinition.style,
- href: 'javascript:void(0)',
- title: elementDefinition.label,
- hidefocus: 'true',
- 'class': elementDefinition[ 'class' ],
- role: 'button',
- 'aria-labelledby': labelId
- }, '<span id="' + labelId + '" class="cke_dialog_ui_button">' +
- CKEDITOR.tools.htmlEncode( elementDefinition.label ) +
- '</span>' );
- },
-
- /**
- * A select box.
- *
- * @class CKEDITOR.ui.dialog.select
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a button class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `default` (Required) The default value.
- * * `validate` (Optional) The validation function.
- * * `items` (Required) An array of options. Each option
- * is a 1- or 2-item array of format `[ 'Description', 'Value' ]`. If `'Value'`
- * is missing, then the value would be assumed to be the same as the
- * description.
- * * `multiple` (Optional) Set this to true if you'd like
- * to have a multiple-choice select box.
- * * `size` (Optional) The number of items to display in
- * the select box.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- select: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- var _ = initPrivateObject.call( this, elementDefinition );
-
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- _.inputId = CKEDITOR.tools.getNextId() + '_select';
-
- var innerHTML = function() {
- var myDefinition = CKEDITOR.tools.extend( {}, elementDefinition, {
- id: elementDefinition.id ? elementDefinition.id + '_select' : CKEDITOR.tools.getNextId() + '_select'
- }, true ),
- html = [],
- innerHTML = [],
- attributes = { 'id': _.inputId, 'class': 'cke_dialog_ui_input_select', 'aria-labelledby': this._.labelId };
-
- html.push( '<div class="cke_dialog_ui_input_', elementDefinition.type, '" role="presentation"' );
- if ( elementDefinition.width )
- html.push( 'style="width:' + elementDefinition.width + '" ' );
- html.push( '>' );
-
- // Add multiple and size attributes from element definition.
- if ( elementDefinition.size != undefined )
- attributes.size = elementDefinition.size;
- if ( elementDefinition.multiple != undefined )
- attributes.multiple = elementDefinition.multiple;
-
- cleanInnerDefinition( myDefinition );
- for ( var i = 0, item; i < elementDefinition.items.length && ( item = elementDefinition.items[ i ] ); i++ ) {
- innerHTML.push( '<option value="', CKEDITOR.tools.htmlEncode( item[ 1 ] !== undefined ? item[ 1 ] : item[ 0 ] ).replace( /"/g, '"' ), '" /> ', CKEDITOR.tools.htmlEncode( item[ 0 ] ) );
- }
-
- if ( typeof myDefinition.inputStyle != 'undefined' )
- myDefinition.style = myDefinition.inputStyle;
-
- _.select = new CKEDITOR.ui.dialog.uiElement( dialog, myDefinition, html, 'select', null, attributes, innerHTML.join( '' ) );
-
- html.push( '</div>' );
-
- return html.join( '' );
- };
-
- CKEDITOR.ui.dialog.labeledElement.call( this, dialog, elementDefinition, htmlList, innerHTML );
- },
-
- /**
- * A file upload input.
- *
- * @class CKEDITOR.ui.dialog.file
- * @extends CKEDITOR.ui.dialog.labeledElement
- * @constructor Creates a file class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `validate` (Optional) The validation function.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- file: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- if ( elementDefinition[ 'default' ] === undefined )
- elementDefinition[ 'default' ] = '';
-
- var _ = CKEDITOR.tools.extend( initPrivateObject.call( this, elementDefinition ), { definition: elementDefinition, buttons: [] } );
-
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- /** @ignore */
- var innerHTML = function() {
- _.frameId = CKEDITOR.tools.getNextId() + '_fileInput';
-
- var html = [
- '<iframe' +
- ' frameborder="0"' +
- ' allowtransparency="0"' +
- ' class="cke_dialog_ui_input_file"' +
- ' role="presentation"' +
- ' id="', _.frameId, '"' +
- ' title="', elementDefinition.label, '"' +
- ' src="javascript:void(' ];
-
- // Support for custom document.domain on IE. (#10165)
- html.push( CKEDITOR.env.ie ?
- '(function(){' + encodeURIComponent(
- 'document.open();' +
- '(' + CKEDITOR.tools.fixDomain + ')();' +
- 'document.close();'
- ) + '})()'
- :
- '0' );
-
- html.push( ')">' +
- '</iframe>' );
-
- return html.join( '' );
- };
-
- // IE BUG: Parent container does not resize to contain the iframe automatically.
- dialog.on( 'load', function() {
- var iframe = CKEDITOR.document.getById( _.frameId ),
- contentDiv = iframe.getParent();
- contentDiv.addClass( 'cke_dialog_ui_input_file' );
- });
-
- CKEDITOR.ui.dialog.labeledElement.call( this, dialog, elementDefinition, htmlList, innerHTML );
- },
-
- /**
- * A button for submitting the file in a file upload input.
- *
- * @class CKEDITOR.ui.dialog.fileButton
- * @extends CKEDITOR.ui.dialog.button
- * @constructor Creates a fileButton class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `for` (Required) The file input's page and element Id
- * to associate to, in a 2-item array format: `[ 'page_id', 'element_id' ]`.
- * * `validate` (Optional) The validation function.
- *
- * @param {Array} htmlList List of HTML code to output to.
- */
- fileButton: function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- var _ = initPrivateObject.call( this, elementDefinition ),
- me = this;
-
- if ( elementDefinition.validate )
- this.validate = elementDefinition.validate;
-
- var myDefinition = CKEDITOR.tools.extend( {}, elementDefinition );
- var onClick = myDefinition.onClick;
- myDefinition.className = ( myDefinition.className ? myDefinition.className + ' ' : '' ) + 'cke_dialog_ui_button';
- myDefinition.onClick = function( evt ) {
- var target = elementDefinition[ 'for' ]; // [ pageId, elementId ]
- if ( !onClick || onClick.call( this, evt ) !== false ) {
- dialog.getContentElement( target[ 0 ], target[ 1 ] ).submit();
- this.disable();
- }
- };
-
- dialog.on( 'load', function() {
- dialog.getContentElement( elementDefinition[ 'for' ][ 0 ], elementDefinition[ 'for' ][ 1 ] )._.buttons.push( me );
- });
-
- CKEDITOR.ui.dialog.button.call( this, dialog, myDefinition, htmlList );
- },
-
- html: (function() {
- var myHtmlRe = /^\s*<[\w:]+\s+([^>]*)?>/,
- theirHtmlRe = /^(\s*<[\w:]+(?:\s+[^>]*)?)((?:.|\r|\n)+)$/,
- emptyTagRe = /\/$/;
- /**
- * A dialog element made from raw HTML code.
- *
- * @class CKEDITOR.ui.dialog.html
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a html class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition Element definition.
- * Accepted fields:
- *
- * * `html` (Required) HTML code of this element.
- *
- * @param {Array} htmlList List of HTML code to be added to the dialog's content area.
- */
- return function( dialog, elementDefinition, htmlList ) {
- if ( arguments.length < 3 )
- return;
-
- var myHtmlList = [],
- myHtml,
- theirHtml = elementDefinition.html,
- myMatch, theirMatch;
-
- // If the HTML input doesn't contain any tags at the beginning, add a <span> tag around it.
- if ( theirHtml.charAt( 0 ) != '<' )
- theirHtml = '<span>' + theirHtml + '</span>';
-
- // Look for focus function in definition.
- var focus = elementDefinition.focus;
- if ( focus ) {
- var oldFocus = this.focus;
- this.focus = function() {
- ( typeof focus == 'function' ? focus : oldFocus ).call( this );
- this.fire( 'focus' );
- };
- if ( elementDefinition.isFocusable ) {
- var oldIsFocusable = this.isFocusable;
- this.isFocusable = oldIsFocusable;
- }
- this.keyboardFocusable = true;
- }
-
- CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition, myHtmlList, 'span', null, null, '' );
-
- // Append the attributes created by the uiElement call to the real HTML.
- myHtml = myHtmlList.join( '' );
- myMatch = myHtml.match( myHtmlRe );
- theirMatch = theirHtml.match( theirHtmlRe ) || [ '', '', '' ];
-
- if ( emptyTagRe.test( theirMatch[ 1 ] ) ) {
- theirMatch[ 1 ] = theirMatch[ 1 ].slice( 0, -1 );
- theirMatch[ 2 ] = '/' + theirMatch[ 2 ];
- }
-
- htmlList.push( [ theirMatch[ 1 ], ' ', myMatch[ 1 ] || '', theirMatch[ 2 ] ].join( '' ) );
- };
- })(),
-
- /**
- * Form fieldset for grouping dialog UI elements.
- *
- * @class CKEDITOR.ui.dialog.fieldset
- * @extends CKEDITOR.ui.dialog.uiElement
- * @constructor Creates a fieldset class instance.
- * @param {CKEDITOR.dialog} dialog Parent dialog object.
- * @param {Array} childObjList
- * Array of {@link CKEDITOR.ui.dialog.uiElement} objects inside this container.
- * @param {Array} childHtmlList Array of HTML code that correspond to the HTML output of all the
- * objects in childObjList.
- * @param {Array} htmlList Array of HTML code that this element will output to.
- * @param {CKEDITOR.dialog.definition.uiElement} elementDefinition
- * The element definition. Accepted fields:
- *
- * * `label` (Optional) The legend of the this fieldset.
- * * `children` (Required) An array of dialog field definitions which will be grouped inside this fieldset.
- *
- */
- fieldset: function( dialog, childObjList, childHtmlList, htmlList, elementDefinition ) {
- var legendLabel = elementDefinition.label;
- /** @ignore */
- var innerHTML = function() {
- var html = [];
- legendLabel && html.push( '<legend' +
- ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) +
- '>' + legendLabel + '</legend>' );
- for ( var i = 0; i < childHtmlList.length; i++ )
- html.push( childHtmlList[ i ] );
- return html.join( '' );
- };
-
- this._ = { children: childObjList };
- CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition, htmlList, 'fieldset', null, null, innerHTML );
- }
-
- }, true );
-
- CKEDITOR.ui.dialog.html.prototype = new CKEDITOR.ui.dialog.uiElement;
-
- /** @class CKEDITOR.ui.dialog.labeledElement */
- CKEDITOR.ui.dialog.labeledElement.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.uiElement, {
- /**
- * Sets the label text of the element.
- *
- * @param {String} label The new label text.
- * @returns {CKEDITOR.ui.dialog.labeledElement} The current labeled element.
- */
- setLabel: function( label ) {
- var node = CKEDITOR.document.getById( this._.labelId );
- if ( node.getChildCount() < 1 )
- ( new CKEDITOR.dom.text( label, CKEDITOR.document ) ).appendTo( node );
- else
- node.getChild( 0 ).$.nodeValue = label;
- return this;
- },
-
- /**
- * Retrieves the current label text of the elment.
- *
- * @returns {String} The current label text.
- */
- getLabel: function() {
- var node = CKEDITOR.document.getById( this._.labelId );
- if ( !node || node.getChildCount() < 1 )
- return '';
- else
- return node.getChild( 0 ).getText();
- },
-
- /**
- * Defines the onChange event for UI element definitions.
- * @property {Object}
- */
- eventProcessors: commonEventProcessors
- }, true );
-
- /** @class CKEDITOR.ui.dialog.button */
- CKEDITOR.ui.dialog.button.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.uiElement, {
- /**
- * Simulates a click to the button.
- *
- * @returns {Object} Return value of the `click` event.
- */
- click: function() {
- if ( !this._.disabled )
- return this.fire( 'click', { dialog: this._.dialog } );
- return false;
- },
-
- /**
- * Enables the button.
- */
- enable: function() {
- this._.disabled = false;
- var element = this.getElement();
- element && element.removeClass( 'cke_disabled' );
- },
-
- /**
- * Disables the button.
- */
- disable: function() {
- this._.disabled = true;
- this.getElement().addClass( 'cke_disabled' );
- },
-
- /**
- * @todo
- */
- isVisible: function() {
- return this.getElement().getFirst().isVisible();
- },
-
- /**
- * @todo
- */
- isEnabled: function() {
- return !this._.disabled;
- },
-
- /**
- * Defines the onChange event and onClick for button element definitions.
- *
- * @property {Object}
- */
- eventProcessors: CKEDITOR.tools.extend( {}, CKEDITOR.ui.dialog.uiElement.prototype.eventProcessors, {
- onClick: function( dialog, func ) {
- this.on( 'click', function() {
- func.apply( this, arguments );
- });
- }
- }, true ),
-
- /**
- * Handler for the element's access key up event. Simulates a click to
- * the button.
- */
- accessKeyUp: function() {
- this.click();
- },
-
- /**
- * Handler for the element's access key down event. Simulates a mouse
- * down to the button.
- */
- accessKeyDown: function() {
- this.focus();
- },
-
- keyboardFocusable: true
- }, true );
-
- /** @class CKEDITOR.ui.dialog.textInput */
- CKEDITOR.ui.dialog.textInput.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.labeledElement, {
- /**
- * Gets the text input DOM element under this UI object.
- *
- * @returns {CKEDITOR.dom.element} The DOM element of the text input.
- */
- getInputElement: function() {
- return CKEDITOR.document.getById( this._.inputId );
- },
-
- /**
- * Puts focus into the text input.
- */
- focus: function() {
- var me = this.selectParentTab();
-
- // GECKO BUG: setTimeout() is needed to workaround invisible selections.
- setTimeout( function() {
- var element = me.getInputElement();
- element && element.$.focus();
- }, 0 );
- },
-
- /**
- * Selects all the text in the text input.
- */
- select: function() {
- var me = this.selectParentTab();
-
- // GECKO BUG: setTimeout() is needed to workaround invisible selections.
- setTimeout( function() {
- var e = me.getInputElement();
- if ( e ) {
- e.$.focus();
- e.$.select();
- }
- }, 0 );
- },
-
- /**
- * Handler for the text input's access key up event. Makes a `select()`
- * call to the text input.
- */
- accessKeyUp: function() {
- this.select();
- },
-
- /**
- * Sets the value of this text input object.
- *
- * uiElement.setValue( 'Blamo' );
- *
- * @param {Object} value The new value.
- * @returns {CKEDITOR.ui.dialog.textInput} The current UI element.
- */
- setValue: function( value ) {
- !value && ( value = '' );
- return CKEDITOR.ui.dialog.uiElement.prototype.setValue.apply( this, arguments );
- },
-
- keyboardFocusable: true
- }, commonPrototype, true );
-
- CKEDITOR.ui.dialog.textarea.prototype = new CKEDITOR.ui.dialog.textInput();
-
- /** @class CKEDITOR.ui.dialog.select */
- CKEDITOR.ui.dialog.select.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.labeledElement, {
- /**
- * Gets the DOM element of the select box.
- *
- * @returns {CKEDITOR.dom.element} The `<select>` element of this UI element.
- */
- getInputElement: function() {
- return this._.select.getElement();
- },
-
- /**
- * Adds an option to the select box.
- *
- * @param {String} label Option label.
- * @param {String} value (Optional) Option value, if not defined it'll be
- * assumed to be the same as the label.
- * @param {Number} index (Optional) Position of the option to be inserted
- * to. If not defined the new option will be inserted to the end of list.
- * @returns {CKEDITOR.ui.dialog.select} The current select UI element.
- */
- add: function( label, value, index ) {
- var option = new CKEDITOR.dom.element( 'option', this.getDialog().getParentEditor().document ),
- selectElement = this.getInputElement().$;
- option.$.text = label;
- option.$.value = ( value === undefined || value === null ) ? label : value;
- if ( index === undefined || index === null ) {
- if ( CKEDITOR.env.ie )
- selectElement.add( option.$ );
- else
- selectElement.add( option.$, null );
- } else
- selectElement.add( option.$, index );
- return this;
- },
-
- /**
- * Removes an option from the selection list.
- *
- * @param {Number} index Index of the option to be removed.
- * @returns {CKEDITOR.ui.dialog.select} The current select UI element.
- */
- remove: function( index ) {
- var selectElement = this.getInputElement().$;
- selectElement.remove( index );
- return this;
- },
-
- /**
- * Clears all options out of the selection list.
- *
- * @returns {CKEDITOR.ui.dialog.select} The current select UI element.
- */
- clear: function() {
- var selectElement = this.getInputElement().$;
- while ( selectElement.length > 0 )
- selectElement.remove( 0 );
- return this;
- },
-
- keyboardFocusable: true
- }, commonPrototype, true );
-
- /** @class CKEDITOR.ui.dialog.checkbox */
- CKEDITOR.ui.dialog.checkbox.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.uiElement, {
- /**
- * Gets the checkbox DOM element.
- *
- * @returns {CKEDITOR.dom.element} The DOM element of the checkbox.
- */
- getInputElement: function() {
- return this._.checkbox.getElement();
- },
-
- /**
- * Sets the state of the checkbox.
- *
- * @param {Boolean} `true` to tick the checkbox, `false` to untick it.
- * @param {Boolean} noChangeEvent Internal commit, to supress `change` event on this element.
- */
- setValue: function( checked, noChangeEvent ) {
- this.getInputElement().$.checked = checked;
- !noChangeEvent && this.fire( 'change', { value: checked } );
- },
-
- /**
- * Gets the state of the checkbox.
- *
- * @returns {Boolean} true means the checkbox is ticked, false means it's not ticked.
- */
- getValue: function() {
- return this.getInputElement().$.checked;
- },
-
- /**
- * Handler for the access key up event. Toggles the checkbox.
- */
- accessKeyUp: function() {
- this.setValue( !this.getValue() );
- },
-
- /**
- * Defines the onChange event for UI element definitions.
- *
- * @property {Object}
- */
- eventProcessors: {
- onChange: function( dialog, func ) {
- if ( !CKEDITOR.env.ie || ( CKEDITOR.env.version > 8 ) )
- return commonEventProcessors.onChange.apply( this, arguments );
- else {
- dialog.on( 'load', function() {
- var element = this._.checkbox.getElement();
- element.on( 'propertychange', function( evt ) {
- evt = evt.data.$;
- if ( evt.propertyName == 'checked' )
- this.fire( 'change', { value: element.$.checked } );
- }, this );
- }, this );
- this.on( 'change', func );
- }
- return null;
- }
- },
-
- keyboardFocusable: true
- }, commonPrototype, true );
-
- /** @class CKEDITOR.ui.dialog.radio */
- CKEDITOR.ui.dialog.radio.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.uiElement, {
- /**
- * Checks one of the radio buttons in this button group.
- *
- * @param {String} value The value of the button to be chcked.
- * @param {Boolean} noChangeEvent Internal commit, to supress `change` event on this element.
- */
- setValue: function( value, noChangeEvent ) {
- var children = this._.children,
- item;
- for ( var i = 0;
- ( i < children.length ) && ( item = children[ i ] ); i++ )
- item.getElement().$.checked = ( item.getValue() == value );
- !noChangeEvent && this.fire( 'change', { value: value } );
- },
-
- /**
- * Gets the value of the currently checked radio button.
- *
- * @returns {String} The currently checked button's value.
- */
- getValue: function() {
- var children = this._.children;
- for ( var i = 0; i < children.length; i++ ) {
- if ( children[ i ].getElement().$.checked )
- return children[ i ].getValue();
- }
- return null;
- },
-
- /**
- * Handler for the access key up event. Focuses the currently
- * selected radio button, or the first radio button if none is selected.
- */
- accessKeyUp: function() {
- var children = this._.children,
- i;
- for ( i = 0; i < children.length; i++ ) {
- if ( children[ i ].getElement().$.checked ) {
- children[ i ].getElement().focus();
- return;
- }
- }
- children[ 0 ].getElement().focus();
- },
-
- /**
- * Defines the onChange event for UI element definitions.
- *
- * @property {Object}
- */
- eventProcessors: {
- onChange: function( dialog, func ) {
- if ( !CKEDITOR.env.ie )
- return commonEventProcessors.onChange.apply( this, arguments );
- else {
- dialog.on( 'load', function() {
- var children = this._.children,
- me = this;
- for ( var i = 0; i < children.length; i++ ) {
- var element = children[ i ].getElement();
- element.on( 'propertychange', function( evt ) {
- evt = evt.data.$;
- if ( evt.propertyName == 'checked' && this.$.checked )
- me.fire( 'change', { value: this.getAttribute( 'value' ) } );
- });
- }
- }, this );
- this.on( 'change', func );
- }
- return null;
- }
- },
-
- keyboardFocusable: true
- }, commonPrototype, true );
-
- /** @class CKEDITOR.ui.dialog.file */
- CKEDITOR.ui.dialog.file.prototype = CKEDITOR.tools.extend( new CKEDITOR.ui.dialog.labeledElement, commonPrototype, {
- /**
- * Gets the `<input>` element of this file input.
- *
- * @returns {CKEDITOR.dom.element} The file input element.
- */
- getInputElement: function() {
- var frameDocument = CKEDITOR.document.getById( this._.frameId ).getFrameDocument();
- return frameDocument.$.forms.length > 0 ? new CKEDITOR.dom.element( frameDocument.$.forms[ 0 ].elements[ 0 ] ) : this.getElement();
- },
-
- /**
- * Uploads the file in the file input.
- *
- * @returns {CKEDITOR.ui.dialog.file} This object.
- */
- submit: function() {
- this.getInputElement().getParent().$.submit();
- return this;
- },
-
- /**
- * Get the action assigned to the form.
- *
- * @returns {String} The value of the action.
- */
- getAction: function() {
- return this.getInputElement().getParent().$.action;
- },
-
- /**
- * The events must be applied on the inner input element, and
- * that must be done when the iframe & form has been loaded.
- */
- registerEvents: function( definition ) {
- var regex = /^on([A-Z]\w+)/,
- match;
-
- var registerDomEvent = function( uiElement, dialog, eventName, func ) {
- uiElement.on( 'formLoaded', function() {
- uiElement.getInputElement().on( eventName, func, uiElement );
- });
- };
-
- for ( var i in definition ) {
- if ( !( match = i.match( regex ) ) )
- continue;
-
- if ( this.eventProcessors[ i ] )
- this.eventProcessors[ i ].call( this, this._.dialog, definition[ i ] );
- else
- registerDomEvent( this, this._.dialog, match[ 1 ].toLowerCase(), definition[ i ] );
- }
-
- return this;
- },
-
- /**
- * Redraws the file input and resets the file path in the file input.
- * The redraw logic is necessary because non-IE browsers tend to clear
- * the `<iframe>` containing the file input after closing the dialog.
- */
- reset: function() {
- var _ = this._,
- frameElement = CKEDITOR.document.getById( _.frameId ),
- frameDocument = frameElement.getFrameDocument(),
- elementDefinition = _.definition,
- buttons = _.buttons,
- callNumber = this.formLoadedNumber,
- unloadNumber = this.formUnloadNumber,
- langDir = _.dialog._.editor.lang.dir,
- langCode = _.dialog._.editor.langCode;
-
- // The callback function for the iframe, but we must call tools.addFunction only once
- // so we store the function number in this.formLoadedNumber
- if ( !callNumber ) {
- callNumber = this.formLoadedNumber = CKEDITOR.tools.addFunction( function() {
- // Now we can apply the events to the input type=file
- this.fire( 'formLoaded' );
- }, this );
-
- // Remove listeners attached to the content of the iframe (the file input)
- unloadNumber = this.formUnloadNumber = CKEDITOR.tools.addFunction( function() {
- this.getInputElement().clearCustomData();
- }, this );
-
- this.getDialog()._.editor.on( 'destroy', function() {
- CKEDITOR.tools.removeFunction( callNumber );
- CKEDITOR.tools.removeFunction( unloadNumber );
- });
- }
-
- function generateFormField() {
- frameDocument.$.open();
-
- var size = '';
- if ( elementDefinition.size )
- size = elementDefinition.size - ( CKEDITOR.env.ie ? 7 : 0 ); // "Browse" button is bigger in IE.
-
- var inputId = _.frameId + '_input';
-
- frameDocument.$.write( [
- '<html dir="' + langDir + '" lang="' + langCode + '"><head><title></title></head><body style="margin: 0; overflow: hidden; background: transparent;">',
- '<form enctype="multipart/form-data" method="POST" dir="' + langDir + '" lang="' + langCode + '" action="',
- CKEDITOR.tools.htmlEncode( elementDefinition.action ),
- '">',
- // Replicate the field label inside of iframe.
- '<label id="', _.labelId, '" for="', inputId, '" style="display:none">',
- CKEDITOR.tools.htmlEncode( elementDefinition.label ),
- '</label>',
- '<input id="', inputId, '" aria-labelledby="', _.labelId, '" type="file" name="',
- CKEDITOR.tools.htmlEncode( elementDefinition.id || 'cke_upload' ),
- '" size="',
- CKEDITOR.tools.htmlEncode( size > 0 ? size : "" ),
- '" />',
- '</form>',
- '</body></html>',
- '<script>',
- // Support for custom document.domain in IE.
- CKEDITOR.env.ie ? '(' + CKEDITOR.tools.fixDomain + ')();' : '',
-
- 'window.parent.CKEDITOR.tools.callFunction(' + callNumber + ');',
- 'window.onbeforeunload = function() {window.parent.CKEDITOR.tools.callFunction(' + unloadNumber + ')}',
- '</script>'
- ].join( '' ) );
-
- frameDocument.$.close();
-
- for ( var i = 0; i < buttons.length; i++ )
- buttons[ i ].enable();
- }
-
- // #3465: Wait for the browser to finish rendering the dialog first.
- if ( CKEDITOR.env.gecko )
- setTimeout( generateFormField, 500 );
- else
- generateFormField();
- },
-
- getValue: function() {
- return this.getInputElement().$.value || '';
- },
-
- /***
- * The default value of input `type="file"` is an empty string, but during initialization
- * of this UI element, the iframe still isn't ready so it can't be read from that object
- * Setting it manually prevents later issues about the current value (`''`) being different
- * of the initial value (undefined as it asked for `.value` of a div).
- */
- setInitValue: function() {
- this._.initValue = '';
- },
-
- /**
- * Defines the onChange event for UI element definitions.
- *
- * @property {Object}
- */
- eventProcessors: {
- onChange: function( dialog, func ) {
- // If this method is called several times (I'm not sure about how this can happen but the default
- // onChange processor includes this protection)
- // In order to reapply to the new element, the property is deleted at the beggining of the registerEvents method
- if ( !this._.domOnChangeRegistered ) {
- // By listening for the formLoaded event, this handler will get reapplied when a new
- // form is created
- this.on( 'formLoaded', function() {
- this.getInputElement().on( 'change', function() {
- this.fire( 'change', { value: this.getValue() } );
- }, this );
- }, this );
- this._.domOnChangeRegistered = true;
- }
-
- this.on( 'change', func );
- }
- },
-
- keyboardFocusable: true
- }, true );
-
- CKEDITOR.ui.dialog.fileButton.prototype = new CKEDITOR.ui.dialog.button;
-
- CKEDITOR.ui.dialog.fieldset.prototype = CKEDITOR.tools.clone( CKEDITOR.ui.dialog.hbox.prototype );
-
- CKEDITOR.dialog.addUIElement( 'text', textBuilder );
- CKEDITOR.dialog.addUIElement( 'password', textBuilder );
- CKEDITOR.dialog.addUIElement( 'textarea', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'checkbox', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'radio', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'button', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'select', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'file', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'fileButton', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'html', commonBuilder );
- CKEDITOR.dialog.addUIElement( 'fieldset', containerBuilder );
- }
-});
-
-/**
- * Fired when the value of the uiElement is changed.
- *
- * @event change
- * @member CKEDITOR.ui.dialog.uiElement
- */
-
-/**
- * Fired when the inner frame created by the element is ready.
- * Each time the button is used or the dialog is loaded a new
- * form might be created.
- *
- * @event formLoaded
- * @member CKEDITOR.ui.dialog.fileButton
- */
|