summaryrefslogtreecommitdiff
path: root/_source/plugins/flash/dialogs/flash.js
diff options
context:
space:
mode:
Diffstat (limited to '_source/plugins/flash/dialogs/flash.js')
-rw-r--r--_source/plugins/flash/dialogs/flash.js1388
1 files changed, 698 insertions, 690 deletions
diff --git a/_source/plugins/flash/dialogs/flash.js b/_source/plugins/flash/dialogs/flash.js
index 5634229..2ad07c9 100644
--- a/_source/plugins/flash/dialogs/flash.js
+++ b/_source/plugins/flash/dialogs/flash.js
@@ -1,690 +1,698 @@
-/*
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
-*/
-
-(function()
-{
- /*
- * It is possible to set things in three different places.
- * 1. As attributes in the object tag.
- * 2. As param tags under the object tag.
- * 3. As attributes in the embed tag.
- * It is possible for a single attribute to be present in more than one place.
- * So let's define a mapping between a sementic attribute and its syntactic
- * equivalents.
- * Then we'll set and retrieve attribute values according to the mapping,
- * instead of having to check and set each syntactic attribute every time.
- *
- * Reference: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
- */
- var ATTRTYPE_OBJECT = 1,
- ATTRTYPE_PARAM = 2,
- ATTRTYPE_EMBED = 4;
-
- var attributesMap =
- {
- id : [ { type : ATTRTYPE_OBJECT, name : 'id' } ],
- classid : [ { type : ATTRTYPE_OBJECT, name : 'classid' } ],
- codebase : [ { type : ATTRTYPE_OBJECT, name : 'codebase'} ],
- pluginspage : [ { type : ATTRTYPE_EMBED, name : 'pluginspage' } ],
- src : [ { type : ATTRTYPE_PARAM, name : 'movie' }, { type : ATTRTYPE_EMBED, name : 'src' } ],
- name : [ { type : ATTRTYPE_EMBED, name : 'name' } ],
- align : [ { type : ATTRTYPE_OBJECT, name : 'align' } ],
- title : [ { type : ATTRTYPE_OBJECT, name : 'title' }, { type : ATTRTYPE_EMBED, name : 'title' } ],
- 'class' : [ { type : ATTRTYPE_OBJECT, name : 'class' }, { type : ATTRTYPE_EMBED, name : 'class'} ],
- width : [ { type : ATTRTYPE_OBJECT, name : 'width' }, { type : ATTRTYPE_EMBED, name : 'width' } ],
- height : [ { type : ATTRTYPE_OBJECT, name : 'height' }, { type : ATTRTYPE_EMBED, name : 'height' } ],
- hSpace : [ { type : ATTRTYPE_OBJECT, name : 'hSpace' }, { type : ATTRTYPE_EMBED, name : 'hSpace' } ],
- vSpace : [ { type : ATTRTYPE_OBJECT, name : 'vSpace' }, { type : ATTRTYPE_EMBED, name : 'vSpace' } ],
- style : [ { type : ATTRTYPE_OBJECT, name : 'style' }, { type : ATTRTYPE_EMBED, name : 'style' } ],
- type : [ { type : ATTRTYPE_EMBED, name : 'type' } ]
- };
-
- var names = [ 'play', 'loop', 'menu', 'quality', 'scale', 'salign', 'wmode', 'bgcolor', 'base', 'flashvars', 'allowScriptAccess',
- 'allowFullScreen' ];
- for ( var i = 0 ; i < names.length ; i++ )
- attributesMap[ names[i] ] = [ { type : ATTRTYPE_EMBED, name : names[i] }, { type : ATTRTYPE_PARAM, name : names[i] } ];
- names = [ 'allowFullScreen', 'play', 'loop', 'menu' ];
- for ( i = 0 ; i < names.length ; i++ )
- attributesMap[ names[i] ][0]['default'] = attributesMap[ names[i] ][1]['default'] = true;
-
- function loadValue( objectNode, embedNode, paramMap )
- {
- var attributes = attributesMap[ this.id ];
- if ( !attributes )
- return;
-
- var isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
- for ( var i = 0 ; i < attributes.length ; i++ )
- {
- var attrDef = attributes[ i ];
- switch ( attrDef.type )
- {
- case ATTRTYPE_OBJECT:
- if ( !objectNode )
- continue;
- if ( objectNode.getAttribute( attrDef.name ) !== null )
- {
- var value = objectNode.getAttribute( attrDef.name );
- if ( isCheckbox )
- this.setValue( value.toLowerCase() == 'true' );
- else
- this.setValue( value );
- return;
- }
- else if ( isCheckbox )
- this.setValue( !!attrDef[ 'default' ] );
- break;
- case ATTRTYPE_PARAM:
- if ( !objectNode )
- continue;
- if ( attrDef.name in paramMap )
- {
- value = paramMap[ attrDef.name ];
- if ( isCheckbox )
- this.setValue( value.toLowerCase() == 'true' );
- else
- this.setValue( value );
- return;
- }
- else if ( isCheckbox )
- this.setValue( !!attrDef[ 'default' ] );
- break;
- case ATTRTYPE_EMBED:
- if ( !embedNode )
- continue;
- if ( embedNode.getAttribute( attrDef.name ) )
- {
- value = embedNode.getAttribute( attrDef.name );
- if ( isCheckbox )
- this.setValue( value.toLowerCase() == 'true' );
- else
- this.setValue( value );
- return;
- }
- else if ( isCheckbox )
- this.setValue( !!attrDef[ 'default' ] );
- }
- }
- }
-
- function commitValue( objectNode, embedNode, paramMap )
- {
- var attributes = attributesMap[ this.id ];
- if ( !attributes )
- return;
-
- var isRemove = ( this.getValue() === '' ),
- isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
-
- for ( var i = 0 ; i < attributes.length ; i++ )
- {
- var attrDef = attributes[i];
- switch ( attrDef.type )
- {
- case ATTRTYPE_OBJECT:
- if ( !objectNode )
- continue;
- var value = this.getValue();
- if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
- objectNode.removeAttribute( attrDef.name );
- else
- objectNode.setAttribute( attrDef.name, value );
- break;
- case ATTRTYPE_PARAM:
- if ( !objectNode )
- continue;
- value = this.getValue();
- if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
- {
- if ( attrDef.name in paramMap )
- paramMap[ attrDef.name ].remove();
- }
- else
- {
- if ( attrDef.name in paramMap )
- paramMap[ attrDef.name ].setAttribute( 'value', value );
- else
- {
- var param = CKEDITOR.dom.element.createFromHtml( '<cke:param></cke:param>', objectNode.getDocument() );
- param.setAttributes( { name : attrDef.name, value : value } );
- if ( objectNode.getChildCount() < 1 )
- param.appendTo( objectNode );
- else
- param.insertBefore( objectNode.getFirst() );
- }
- }
- break;
- case ATTRTYPE_EMBED:
- if ( !embedNode )
- continue;
- value = this.getValue();
- if ( isRemove || isCheckbox && value === attrDef[ 'default' ])
- embedNode.removeAttribute( attrDef.name );
- else
- embedNode.setAttribute( attrDef.name, value );
- }
- }
- }
-
- CKEDITOR.dialog.add( 'flash', function( editor )
- {
- var makeObjectTag = !editor.config.flashEmbedTagOnly,
- makeEmbedTag = editor.config.flashAddEmbedTag || editor.config.flashEmbedTagOnly;
-
- var previewPreloader,
- previewAreaHtml = '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.common.preview ) +'<br>' +
- '<div id="FlashPreviewLoader" style="display:none"><div class="loading">&nbsp;</div></div>' +
- '<div id="FlashPreviewBox"></div></div>';
-
- return {
- title : editor.lang.flash.title,
- minWidth : 420,
- minHeight : 310,
- onShow : function()
- {
- // Clear previously saved elements.
- this.fakeImage = this.objectNode = this.embedNode = null;
- previewPreloader = new CKEDITOR.dom.element( 'embeded', editor.document );
-
- // Try to detect any embed or object tag that has Flash parameters.
- var fakeImage = this.getSelectedElement();
- if ( fakeImage && fakeImage.getAttribute( '_cke_real_element_type' ) && fakeImage.getAttribute( '_cke_real_element_type' ) == 'flash' )
- {
- this.fakeImage = fakeImage;
-
- var realElement = editor.restoreRealElement( fakeImage ),
- objectNode = null, embedNode = null, paramMap = {};
- if ( realElement.getName() == 'cke:object' )
- {
- objectNode = realElement;
- var embedList = objectNode.getElementsByTag( 'embed', 'cke' );
- if ( embedList.count() > 0 )
- embedNode = embedList.getItem( 0 );
- var paramList = objectNode.getElementsByTag( 'param', 'cke' );
- for ( var i = 0, length = paramList.count() ; i < length ; i++ )
- {
- var item = paramList.getItem( i ),
- name = item.getAttribute( 'name' ),
- value = item.getAttribute( 'value' );
- paramMap[ name ] = value;
- }
- }
- else if ( realElement.getName() == 'cke:embed' )
- embedNode = realElement;
-
- this.objectNode = objectNode;
- this.embedNode = embedNode;
-
- this.setupContent( objectNode, embedNode, paramMap, fakeImage );
- }
- },
- onOk : function()
- {
- // If there's no selected object or embed, create one. Otherwise, reuse the
- // selected object and embed nodes.
- var objectNode = null,
- embedNode = null,
- paramMap = null;
- if ( !this.fakeImage )
- {
- if ( makeObjectTag )
- {
- objectNode = CKEDITOR.dom.element.createFromHtml( '<cke:object></cke:object>', editor.document );
- var attributes = {
- classid : 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
- codebase : 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0'
- };
- objectNode.setAttributes( attributes );
- }
- if ( makeEmbedTag )
- {
- embedNode = CKEDITOR.dom.element.createFromHtml( '<cke:embed></cke:embed>', editor.document );
- embedNode.setAttributes(
- {
- type : 'application/x-shockwave-flash',
- pluginspage : 'http://www.macromedia.com/go/getflashplayer'
- } );
- if ( objectNode )
- embedNode.appendTo( objectNode );
- }
- }
- else
- {
- objectNode = this.objectNode;
- embedNode = this.embedNode;
- }
-
- // Produce the paramMap if there's an object tag.
- if ( objectNode )
- {
- paramMap = {};
- var paramList = objectNode.getElementsByTag( 'param', 'cke' );
- for ( var i = 0, length = paramList.count() ; i < length ; i++ )
- paramMap[ paramList.getItem( i ).getAttribute( 'name' ) ] = paramList.getItem( i );
- }
-
- // Apply or remove flash parameters.
- var extraStyles = {};
- this.commitContent( objectNode, embedNode, paramMap, extraStyles );
-
- // Refresh the fake image.
- var newFakeImage = editor.createFakeElement( objectNode || embedNode, 'cke_flash', 'flash', true );
- newFakeImage.setStyles( extraStyles );
- if ( this.fakeImage )
- {
- newFakeImage.replace( this.fakeImage );
- editor.getSelection().selectElement( newFakeImage );
- }
- else
- editor.insertElement( newFakeImage );
- },
-
- onHide : function()
- {
- if ( this.preview )
- this.preview.setHtml('');
- },
-
- contents : [
- {
- id : 'info',
- label : editor.lang.common.generalTab,
- accessKey : 'I',
- elements :
- [
- {
- type : 'vbox',
- padding : 0,
- children :
- [
- {
- type : 'hbox',
- widths : [ '280px', '110px' ],
- align : 'right',
- children :
- [
- {
- id : 'src',
- type : 'text',
- label : editor.lang.common.url,
- required : true,
- validate : CKEDITOR.dialog.validate.notEmpty( editor.lang.flash.validateSrc ),
- setup : loadValue,
- commit : commitValue,
- onLoad : function()
- {
- var dialog = this.getDialog(),
- updatePreview = function( src ){
- // Query the preloader to figure out the url impacted by based href.
- previewPreloader.setAttribute( 'src', src );
- dialog.preview.setHtml( '<embed height="100%" width="100%" src="'
- + CKEDITOR.tools.htmlEncode( previewPreloader.getAttribute( 'src' ) )
- + '" type="application/x-shockwave-flash"></embed>' );
- };
- // Preview element
- dialog.preview = dialog.getContentElement( 'info', 'preview' ).getElement().getChild( 3 );
-
- // Sync on inital value loaded.
- this.on( 'change', function( evt ){
-
- if ( evt.data && evt.data.value )
- updatePreview( evt.data.value );
- } );
- // Sync when input value changed.
- this.getInputElement().on( 'change', function( evt ){
-
- updatePreview( this.getValue() );
- }, this );
- }
- },
- {
- type : 'button',
- id : 'browse',
- filebrowser : 'info:src',
- hidden : true,
- // v-align with the 'src' field.
- // TODO: We need something better than a fixed size here.
- style : 'display:inline-block;margin-top:10px;',
- label : editor.lang.common.browseServer
- }
- ]
- }
- ]
- },
- {
- type : 'hbox',
- widths : [ '25%', '25%', '25%', '25%', '25%' ],
- children :
- [
- {
- type : 'text',
- id : 'width',
- style : 'width:95px',
- label : editor.lang.flash.width,
- validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateWidth ),
- setup : function( objectNode, embedNode, paramMap, fakeImage )
- {
- loadValue.apply( this, arguments );
- if ( fakeImage )
- {
- var fakeImageWidth = parseInt( fakeImage.$.style.width, 10 );
- if ( !isNaN( fakeImageWidth ) )
- this.setValue( fakeImageWidth );
- }
- },
- commit : function( objectNode, embedNode, paramMap, extraStyles )
- {
- commitValue.apply( this, arguments );
- if ( this.getValue() )
- extraStyles.width = this.getValue() + 'px';
- }
- },
- {
- type : 'text',
- id : 'height',
- style : 'width:95px',
- label : editor.lang.flash.height,
- validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHeight ),
- setup : function( objectNode, embedNode, paramMap, fakeImage )
- {
- loadValue.apply( this, arguments );
- if ( fakeImage )
- {
- var fakeImageHeight = parseInt( fakeImage.$.style.height, 10 );
- if ( !isNaN( fakeImageHeight ) )
- this.setValue( fakeImageHeight );
- }
- },
- commit : function( objectNode, embedNode, paramMap, extraStyles )
- {
- commitValue.apply( this, arguments );
- if ( this.getValue() )
- extraStyles.height = this.getValue() + 'px';
- }
- },
- {
- type : 'text',
- id : 'hSpace',
- style : 'width:95px',
- label : editor.lang.flash.hSpace,
- validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHSpace ),
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'text',
- id : 'vSpace',
- style : 'width:95px',
- label : editor.lang.flash.vSpace,
- validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateVSpace ),
- setup : loadValue,
- commit : commitValue
- }
- ]
- },
-
- {
- type : 'vbox',
- children :
- [
- {
- type : 'html',
- id : 'preview',
- style : 'width:95%;',
- html : previewAreaHtml
- }
- ]
- }
- ]
- },
- {
- id : 'Upload',
- hidden : true,
- filebrowser : 'uploadButton',
- label : editor.lang.common.upload,
- elements :
- [
- {
- type : 'file',
- id : 'upload',
- label : editor.lang.common.upload,
- size : 38
- },
- {
- type : 'fileButton',
- id : 'uploadButton',
- label : editor.lang.common.uploadSubmit,
- filebrowser : 'info:src',
- 'for' : [ 'Upload', 'upload' ]
- }
- ]
- },
- {
- id : 'properties',
- label : editor.lang.flash.propertiesTab,
- elements :
- [
- {
- type : 'hbox',
- widths : [ '50%', '50%' ],
- children :
- [
- {
- id : 'scale',
- type : 'select',
- label : editor.lang.flash.scale,
- 'default' : '',
- style : 'width : 100%;',
- items :
- [
- [ editor.lang.common.notSet , ''],
- [ editor.lang.flash.scaleAll, 'showall' ],
- [ editor.lang.flash.scaleNoBorder, 'noborder' ],
- [ editor.lang.flash.scaleFit, 'exactfit' ]
- ],
- setup : loadValue,
- commit : commitValue
- },
- {
- id : 'allowScriptAccess',
- type : 'select',
- label : editor.lang.flash.access,
- 'default' : '',
- style : 'width : 100%;',
- items :
- [
- [ editor.lang.common.notSet , ''],
- [ editor.lang.flash.accessAlways, 'always' ],
- [ editor.lang.flash.accessSameDomain, 'samedomain' ],
- [ editor.lang.flash.accessNever, 'never' ]
- ],
- setup : loadValue,
- commit : commitValue
- }
- ]
- },
- {
- type : 'hbox',
- widths : [ '50%', '50%' ],
- children :
- [
- {
- id : 'wmode',
- type : 'select',
- label : editor.lang.flash.windowMode,
- 'default' : '',
- style : 'width : 100%;',
- items :
- [
- [ editor.lang.common.notSet , '' ],
- [ editor.lang.flash.windowModeWindow, 'window' ],
- [ editor.lang.flash.windowModeOpaque, 'opaque' ],
- [ editor.lang.flash.windowModeTransparent, 'transparent' ]
- ],
- setup : loadValue,
- commit : commitValue
- },
- {
- id : 'quality',
- type : 'select',
- label : editor.lang.flash.quality,
- 'default' : 'high',
- style : 'width : 100%;',
- items :
- [
- [ editor.lang.common.notSet , '' ],
- [ editor.lang.flash.qualityBest, 'best' ],
- [ editor.lang.flash.qualityHigh, 'high' ],
- [ editor.lang.flash.qualityAutoHigh, 'autohigh' ],
- [ editor.lang.flash.qualityMedium, 'medium' ],
- [ editor.lang.flash.qualityAutoLow, 'autolow' ],
- [ editor.lang.flash.qualityLow, 'low' ]
- ],
- setup : loadValue,
- commit : commitValue
- }
- ]
- },
- {
- type : 'hbox',
- widths : [ '50%', '50%' ],
- children :
- [
- {
- id : 'align',
- type : 'select',
- label : editor.lang.flash.align,
- 'default' : '',
- style : 'width : 100%;',
- items :
- [
- [ editor.lang.common.notSet , ''],
- [ editor.lang.flash.alignLeft , 'left'],
- [ editor.lang.flash.alignAbsBottom , 'absBottom'],
- [ editor.lang.flash.alignAbsMiddle , 'absMiddle'],
- [ editor.lang.flash.alignBaseline , 'baseline'],
- [ editor.lang.flash.alignBottom , 'bottom'],
- [ editor.lang.flash.alignMiddle , 'middle'],
- [ editor.lang.flash.alignRight , 'right'],
- [ editor.lang.flash.alignTextTop , 'textTop'],
- [ editor.lang.flash.alignTop , 'top']
- ],
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'html',
- html : '<div></div>'
- }
- ]
- },
- {
- type : 'fieldset',
- label : CKEDITOR.tools.htmlEncode( editor.lang.flash.flashvars ),
- children :
- [
- {
- type : 'vbox',
- padding : 0,
- children :
- [
- {
- type : 'checkbox',
- id : 'menu',
- label : editor.lang.flash.chkMenu,
- 'default' : true,
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'checkbox',
- id : 'play',
- label : editor.lang.flash.chkPlay,
- 'default' : true,
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'checkbox',
- id : 'loop',
- label : editor.lang.flash.chkLoop,
- 'default' : true,
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'checkbox',
- id : 'allowFullScreen',
- label : editor.lang.flash.chkFull,
- 'default' : true,
- setup : loadValue,
- commit : commitValue
- }
- ]
- }
- ]
- }
- ]
- },
- {
- id : 'advanced',
- label : editor.lang.common.advancedTab,
- elements :
- [
- {
- type : 'hbox',
- widths : [ '45%', '55%' ],
- children :
- [
- {
- type : 'text',
- id : 'id',
- label : editor.lang.common.id,
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'text',
- id : 'title',
- label : editor.lang.common.advisoryTitle,
- setup : loadValue,
- commit : commitValue
- }
- ]
- },
- {
- type : 'hbox',
- widths : [ '45%', '55%' ],
- children :
- [
- {
- type : 'text',
- id : 'bgcolor',
- label : editor.lang.flash.bgcolor,
- setup : loadValue,
- commit : commitValue
- },
- {
- type : 'text',
- id : 'class',
- label : editor.lang.common.cssClass,
- setup : loadValue,
- commit : commitValue
- }
- ]
- },
- {
- type : 'text',
- id : 'style',
- label : editor.lang.common.cssStyle,
- setup : loadValue,
- commit : commitValue
- }
- ]
- }
- ]
- };
- } );
-})();
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+(function()
+{
+ /*
+ * It is possible to set things in three different places.
+ * 1. As attributes in the object tag.
+ * 2. As param tags under the object tag.
+ * 3. As attributes in the embed tag.
+ * It is possible for a single attribute to be present in more than one place.
+ * So let's define a mapping between a sementic attribute and its syntactic
+ * equivalents.
+ * Then we'll set and retrieve attribute values according to the mapping,
+ * instead of having to check and set each syntactic attribute every time.
+ *
+ * Reference: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
+ */
+ var ATTRTYPE_OBJECT = 1,
+ ATTRTYPE_PARAM = 2,
+ ATTRTYPE_EMBED = 4;
+
+ var attributesMap =
+ {
+ id : [ { type : ATTRTYPE_OBJECT, name : 'id' } ],
+ classid : [ { type : ATTRTYPE_OBJECT, name : 'classid' } ],
+ codebase : [ { type : ATTRTYPE_OBJECT, name : 'codebase'} ],
+ pluginspage : [ { type : ATTRTYPE_EMBED, name : 'pluginspage' } ],
+ src : [ { type : ATTRTYPE_PARAM, name : 'movie' }, { type : ATTRTYPE_EMBED, name : 'src' } ],
+ name : [ { type : ATTRTYPE_EMBED, name : 'name' } ],
+ align : [ { type : ATTRTYPE_OBJECT, name : 'align' } ],
+ title : [ { type : ATTRTYPE_OBJECT, name : 'title' }, { type : ATTRTYPE_EMBED, name : 'title' } ],
+ 'class' : [ { type : ATTRTYPE_OBJECT, name : 'class' }, { type : ATTRTYPE_EMBED, name : 'class'} ],
+ width : [ { type : ATTRTYPE_OBJECT, name : 'width' }, { type : ATTRTYPE_EMBED, name : 'width' } ],
+ height : [ { type : ATTRTYPE_OBJECT, name : 'height' }, { type : ATTRTYPE_EMBED, name : 'height' } ],
+ hSpace : [ { type : ATTRTYPE_OBJECT, name : 'hSpace' }, { type : ATTRTYPE_EMBED, name : 'hSpace' } ],
+ vSpace : [ { type : ATTRTYPE_OBJECT, name : 'vSpace' }, { type : ATTRTYPE_EMBED, name : 'vSpace' } ],
+ style : [ { type : ATTRTYPE_OBJECT, name : 'style' }, { type : ATTRTYPE_EMBED, name : 'style' } ],
+ type : [ { type : ATTRTYPE_EMBED, name : 'type' } ]
+ };
+
+ var names = [ 'play', 'loop', 'menu', 'quality', 'scale', 'salign', 'wmode', 'bgcolor', 'base', 'flashvars', 'allowScriptAccess',
+ 'allowFullScreen' ];
+ for ( var i = 0 ; i < names.length ; i++ )
+ attributesMap[ names[i] ] = [ { type : ATTRTYPE_EMBED, name : names[i] }, { type : ATTRTYPE_PARAM, name : names[i] } ];
+ names = [ 'allowFullScreen', 'play', 'loop', 'menu' ];
+ for ( i = 0 ; i < names.length ; i++ )
+ attributesMap[ names[i] ][0]['default'] = attributesMap[ names[i] ][1]['default'] = true;
+
+ function loadValue( objectNode, embedNode, paramMap )
+ {
+ var attributes = attributesMap[ this.id ];
+ if ( !attributes )
+ return;
+
+ var isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
+ for ( var i = 0 ; i < attributes.length ; i++ )
+ {
+ var attrDef = attributes[ i ];
+ switch ( attrDef.type )
+ {
+ case ATTRTYPE_OBJECT:
+ if ( !objectNode )
+ continue;
+ if ( objectNode.getAttribute( attrDef.name ) !== null )
+ {
+ var value = objectNode.getAttribute( attrDef.name );
+ if ( isCheckbox )
+ this.setValue( value.toLowerCase() == 'true' );
+ else
+ this.setValue( value );
+ return;
+ }
+ else if ( isCheckbox )
+ this.setValue( !!attrDef[ 'default' ] );
+ break;
+ case ATTRTYPE_PARAM:
+ if ( !objectNode )
+ continue;
+ if ( attrDef.name in paramMap )
+ {
+ value = paramMap[ attrDef.name ];
+ if ( isCheckbox )
+ this.setValue( value.toLowerCase() == 'true' );
+ else
+ this.setValue( value );
+ return;
+ }
+ else if ( isCheckbox )
+ this.setValue( !!attrDef[ 'default' ] );
+ break;
+ case ATTRTYPE_EMBED:
+ if ( !embedNode )
+ continue;
+ if ( embedNode.getAttribute( attrDef.name ) )
+ {
+ value = embedNode.getAttribute( attrDef.name );
+ if ( isCheckbox )
+ this.setValue( value.toLowerCase() == 'true' );
+ else
+ this.setValue( value );
+ return;
+ }
+ else if ( isCheckbox )
+ this.setValue( !!attrDef[ 'default' ] );
+ }
+ }
+ }
+
+ function commitValue( objectNode, embedNode, paramMap )
+ {
+ var attributes = attributesMap[ this.id ];
+ if ( !attributes )
+ return;
+
+ var isRemove = ( this.getValue() === '' ),
+ isCheckbox = ( this instanceof CKEDITOR.ui.dialog.checkbox );
+
+ for ( var i = 0 ; i < attributes.length ; i++ )
+ {
+ var attrDef = attributes[i];
+ switch ( attrDef.type )
+ {
+ case ATTRTYPE_OBJECT:
+ if ( !objectNode )
+ continue;
+ var value = this.getValue();
+ if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
+ objectNode.removeAttribute( attrDef.name );
+ else
+ objectNode.setAttribute( attrDef.name, value );
+ break;
+ case ATTRTYPE_PARAM:
+ if ( !objectNode )
+ continue;
+ value = this.getValue();
+ if ( isRemove || isCheckbox && value === attrDef[ 'default' ] )
+ {
+ if ( attrDef.name in paramMap )
+ paramMap[ attrDef.name ].remove();
+ }
+ else
+ {
+ if ( attrDef.name in paramMap )
+ paramMap[ attrDef.name ].setAttribute( 'value', value );
+ else
+ {
+ var param = CKEDITOR.dom.element.createFromHtml( '<cke:param></cke:param>', objectNode.getDocument() );
+ param.setAttributes( { name : attrDef.name, value : value } );
+ if ( objectNode.getChildCount() < 1 )
+ param.appendTo( objectNode );
+ else
+ param.insertBefore( objectNode.getFirst() );
+ }
+ }
+ break;
+ case ATTRTYPE_EMBED:
+ if ( !embedNode )
+ continue;
+ value = this.getValue();
+ if ( isRemove || isCheckbox && value === attrDef[ 'default' ])
+ embedNode.removeAttribute( attrDef.name );
+ else
+ embedNode.setAttribute( attrDef.name, value );
+ }
+ }
+ }
+
+ CKEDITOR.dialog.add( 'flash', function( editor )
+ {
+ var makeObjectTag = !editor.config.flashEmbedTagOnly,
+ makeEmbedTag = editor.config.flashAddEmbedTag || editor.config.flashEmbedTagOnly;
+
+ var previewPreloader,
+ previewAreaHtml = '<div>' + CKEDITOR.tools.htmlEncode( editor.lang.common.preview ) +'<br>' +
+ '<div id="FlashPreviewLoader' + CKEDITOR.tools.getNextNumber() + '" style="display:none"><div class="loading">&nbsp;</div></div>' +
+ '<div id="FlashPreviewBox' + CKEDITOR.tools.getNextNumber() + '" class="FlashPreviewBox"></div></div>';
+
+ return {
+ title : editor.lang.flash.title,
+ minWidth : 420,
+ minHeight : 310,
+ onShow : function()
+ {
+ // Clear previously saved elements.
+ this.fakeImage = this.objectNode = this.embedNode = null;
+ previewPreloader = new CKEDITOR.dom.element( 'embeded', editor.document );
+
+ // Try to detect any embed or object tag that has Flash parameters.
+ var fakeImage = this.getSelectedElement();
+ if ( fakeImage && fakeImage.getAttribute( '_cke_real_element_type' ) && fakeImage.getAttribute( '_cke_real_element_type' ) == 'flash' )
+ {
+ this.fakeImage = fakeImage;
+
+ var realElement = editor.restoreRealElement( fakeImage ),
+ objectNode = null, embedNode = null, paramMap = {};
+ if ( realElement.getName() == 'cke:object' )
+ {
+ objectNode = realElement;
+ var embedList = objectNode.getElementsByTag( 'embed', 'cke' );
+ if ( embedList.count() > 0 )
+ embedNode = embedList.getItem( 0 );
+ var paramList = objectNode.getElementsByTag( 'param', 'cke' );
+ for ( var i = 0, length = paramList.count() ; i < length ; i++ )
+ {
+ var item = paramList.getItem( i ),
+ name = item.getAttribute( 'name' ),
+ value = item.getAttribute( 'value' );
+ paramMap[ name ] = value;
+ }
+ }
+ else if ( realElement.getName() == 'cke:embed' )
+ embedNode = realElement;
+
+ this.objectNode = objectNode;
+ this.embedNode = embedNode;
+
+ this.setupContent( objectNode, embedNode, paramMap, fakeImage );
+ }
+ },
+ onOk : function()
+ {
+ // If there's no selected object or embed, create one. Otherwise, reuse the
+ // selected object and embed nodes.
+ var objectNode = null,
+ embedNode = null,
+ paramMap = null;
+ if ( !this.fakeImage )
+ {
+ if ( makeObjectTag )
+ {
+ objectNode = CKEDITOR.dom.element.createFromHtml( '<cke:object></cke:object>', editor.document );
+ var attributes = {
+ classid : 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
+ codebase : 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0'
+ };
+ objectNode.setAttributes( attributes );
+ }
+ if ( makeEmbedTag )
+ {
+ embedNode = CKEDITOR.dom.element.createFromHtml( '<cke:embed></cke:embed>', editor.document );
+ embedNode.setAttributes(
+ {
+ type : 'application/x-shockwave-flash',
+ pluginspage : 'http://www.macromedia.com/go/getflashplayer'
+ } );
+ if ( objectNode )
+ embedNode.appendTo( objectNode );
+ }
+ }
+ else
+ {
+ objectNode = this.objectNode;
+ embedNode = this.embedNode;
+ }
+
+ // Produce the paramMap if there's an object tag.
+ if ( objectNode )
+ {
+ paramMap = {};
+ var paramList = objectNode.getElementsByTag( 'param', 'cke' );
+ for ( var i = 0, length = paramList.count() ; i < length ; i++ )
+ paramMap[ paramList.getItem( i ).getAttribute( 'name' ) ] = paramList.getItem( i );
+ }
+
+ // A subset of the specified attributes/styles
+ // should also be applied on the fake element to
+ // have better visual effect. (#5240)
+ var extraStyles = {}, extraAttributes = {};
+ this.commitContent( objectNode, embedNode, paramMap, extraStyles, extraAttributes );
+
+ // Refresh the fake image.
+ var newFakeImage = editor.createFakeElement( objectNode || embedNode, 'cke_flash', 'flash', true );
+ newFakeImage.setAttributes( extraAttributes );
+ newFakeImage.setStyles( extraStyles );
+ if ( this.fakeImage )
+ {
+ newFakeImage.replace( this.fakeImage );
+ editor.getSelection().selectElement( newFakeImage );
+ }
+ else
+ editor.insertElement( newFakeImage );
+ },
+
+ onHide : function()
+ {
+ if ( this.preview )
+ this.preview.setHtml('');
+ },
+
+ contents : [
+ {
+ id : 'info',
+ label : editor.lang.common.generalTab,
+ accessKey : 'I',
+ elements :
+ [
+ {
+ type : 'vbox',
+ padding : 0,
+ children :
+ [
+ {
+ type : 'hbox',
+ widths : [ '280px', '110px' ],
+ align : 'right',
+ children :
+ [
+ {
+ id : 'src',
+ type : 'text',
+ label : editor.lang.common.url,
+ required : true,
+ validate : CKEDITOR.dialog.validate.notEmpty( editor.lang.flash.validateSrc ),
+ setup : loadValue,
+ commit : commitValue,
+ onLoad : function()
+ {
+ var dialog = this.getDialog(),
+ updatePreview = function( src ){
+ // Query the preloader to figure out the url impacted by based href.
+ previewPreloader.setAttribute( 'src', src );
+ dialog.preview.setHtml( '<embed height="100%" width="100%" src="'
+ + CKEDITOR.tools.htmlEncode( previewPreloader.getAttribute( 'src' ) )
+ + '" type="application/x-shockwave-flash"></embed>' );
+ };
+ // Preview element
+ dialog.preview = dialog.getContentElement( 'info', 'preview' ).getElement().getChild( 3 );
+
+ // Sync on inital value loaded.
+ this.on( 'change', function( evt ){
+
+ if ( evt.data && evt.data.value )
+ updatePreview( evt.data.value );
+ } );
+ // Sync when input value changed.
+ this.getInputElement().on( 'change', function( evt ){
+
+ updatePreview( this.getValue() );
+ }, this );
+ }
+ },
+ {
+ type : 'button',
+ id : 'browse',
+ filebrowser : 'info:src',
+ hidden : true,
+ // v-align with the 'src' field.
+ // TODO: We need something better than a fixed size here.
+ style : 'display:inline-block;margin-top:10px;',
+ label : editor.lang.common.browseServer
+ }
+ ]
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '25%', '25%', '25%', '25%', '25%' ],
+ children :
+ [
+ {
+ type : 'text',
+ id : 'width',
+ style : 'width:95px',
+ label : editor.lang.flash.width,
+ validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateWidth ),
+ setup : function( objectNode, embedNode, paramMap, fakeImage )
+ {
+ loadValue.apply( this, arguments );
+ if ( fakeImage )
+ {
+ var fakeImageWidth = parseInt( fakeImage.$.style.width, 10 );
+ if ( !isNaN( fakeImageWidth ) )
+ this.setValue( fakeImageWidth );
+ }
+ },
+ commit : function( objectNode, embedNode, paramMap, extraStyles )
+ {
+ commitValue.apply( this, arguments );
+ if ( this.getValue() )
+ extraStyles.width = this.getValue() + 'px';
+ }
+ },
+ {
+ type : 'text',
+ id : 'height',
+ style : 'width:95px',
+ label : editor.lang.flash.height,
+ validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHeight ),
+ setup : function( objectNode, embedNode, paramMap, fakeImage )
+ {
+ loadValue.apply( this, arguments );
+ if ( fakeImage )
+ {
+ var fakeImageHeight = parseInt( fakeImage.$.style.height, 10 );
+ if ( !isNaN( fakeImageHeight ) )
+ this.setValue( fakeImageHeight );
+ }
+ },
+ commit : function( objectNode, embedNode, paramMap, extraStyles )
+ {
+ commitValue.apply( this, arguments );
+ if ( this.getValue() )
+ extraStyles.height = this.getValue() + 'px';
+ }
+ },
+ {
+ type : 'text',
+ id : 'hSpace',
+ style : 'width:95px',
+ label : editor.lang.flash.hSpace,
+ validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateHSpace ),
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'text',
+ id : 'vSpace',
+ style : 'width:95px',
+ label : editor.lang.flash.vSpace,
+ validate : CKEDITOR.dialog.validate.integer( editor.lang.flash.validateVSpace ),
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ },
+
+ {
+ type : 'vbox',
+ children :
+ [
+ {
+ type : 'html',
+ id : 'preview',
+ style : 'width:95%;',
+ html : previewAreaHtml
+ }
+ ]
+ }
+ ]
+ },
+ {
+ id : 'Upload',
+ hidden : true,
+ filebrowser : 'uploadButton',
+ label : editor.lang.common.upload,
+ elements :
+ [
+ {
+ type : 'file',
+ id : 'upload',
+ label : editor.lang.common.upload,
+ size : 38
+ },
+ {
+ type : 'fileButton',
+ id : 'uploadButton',
+ label : editor.lang.common.uploadSubmit,
+ filebrowser : 'info:src',
+ 'for' : [ 'Upload', 'upload' ]
+ }
+ ]
+ },
+ {
+ id : 'properties',
+ label : editor.lang.flash.propertiesTab,
+ elements :
+ [
+ {
+ type : 'hbox',
+ widths : [ '50%', '50%' ],
+ children :
+ [
+ {
+ id : 'scale',
+ type : 'select',
+ label : editor.lang.flash.scale,
+ 'default' : '',
+ style : 'width : 100%;',
+ items :
+ [
+ [ editor.lang.common.notSet , ''],
+ [ editor.lang.flash.scaleAll, 'showall' ],
+ [ editor.lang.flash.scaleNoBorder, 'noborder' ],
+ [ editor.lang.flash.scaleFit, 'exactfit' ]
+ ],
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ id : 'allowScriptAccess',
+ type : 'select',
+ label : editor.lang.flash.access,
+ 'default' : '',
+ style : 'width : 100%;',
+ items :
+ [
+ [ editor.lang.common.notSet , ''],
+ [ editor.lang.flash.accessAlways, 'always' ],
+ [ editor.lang.flash.accessSameDomain, 'samedomain' ],
+ [ editor.lang.flash.accessNever, 'never' ]
+ ],
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '50%', '50%' ],
+ children :
+ [
+ {
+ id : 'wmode',
+ type : 'select',
+ label : editor.lang.flash.windowMode,
+ 'default' : '',
+ style : 'width : 100%;',
+ items :
+ [
+ [ editor.lang.common.notSet , '' ],
+ [ editor.lang.flash.windowModeWindow, 'window' ],
+ [ editor.lang.flash.windowModeOpaque, 'opaque' ],
+ [ editor.lang.flash.windowModeTransparent, 'transparent' ]
+ ],
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ id : 'quality',
+ type : 'select',
+ label : editor.lang.flash.quality,
+ 'default' : 'high',
+ style : 'width : 100%;',
+ items :
+ [
+ [ editor.lang.common.notSet , '' ],
+ [ editor.lang.flash.qualityBest, 'best' ],
+ [ editor.lang.flash.qualityHigh, 'high' ],
+ [ editor.lang.flash.qualityAutoHigh, 'autohigh' ],
+ [ editor.lang.flash.qualityMedium, 'medium' ],
+ [ editor.lang.flash.qualityAutoLow, 'autolow' ],
+ [ editor.lang.flash.qualityLow, 'low' ]
+ ],
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '50%', '50%' ],
+ children :
+ [
+ {
+ id : 'align',
+ type : 'select',
+ label : editor.lang.flash.align,
+ 'default' : '',
+ style : 'width : 100%;',
+ items :
+ [
+ [ editor.lang.common.notSet , ''],
+ [ editor.lang.flash.alignLeft , 'left'],
+ [ editor.lang.flash.alignAbsBottom , 'absBottom'],
+ [ editor.lang.flash.alignAbsMiddle , 'absMiddle'],
+ [ editor.lang.flash.alignBaseline , 'baseline'],
+ [ editor.lang.flash.alignBottom , 'bottom'],
+ [ editor.lang.flash.alignMiddle , 'middle'],
+ [ editor.lang.flash.alignRight , 'right'],
+ [ editor.lang.flash.alignTextTop , 'textTop'],
+ [ editor.lang.flash.alignTop , 'top']
+ ],
+ setup : loadValue,
+ commit : function( objectNode, embedNode, paramMap, extraStyles, extraAttributes )
+ {
+ var value = this.getValue();
+ commitValue.apply( this, arguments );
+ value && ( extraAttributes.align = value );
+ }
+ },
+ {
+ type : 'html',
+ html : '<div></div>'
+ }
+ ]
+ },
+ {
+ type : 'fieldset',
+ label : CKEDITOR.tools.htmlEncode( editor.lang.flash.flashvars ),
+ children :
+ [
+ {
+ type : 'vbox',
+ padding : 0,
+ children :
+ [
+ {
+ type : 'checkbox',
+ id : 'menu',
+ label : editor.lang.flash.chkMenu,
+ 'default' : true,
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'checkbox',
+ id : 'play',
+ label : editor.lang.flash.chkPlay,
+ 'default' : true,
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'checkbox',
+ id : 'loop',
+ label : editor.lang.flash.chkLoop,
+ 'default' : true,
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'checkbox',
+ id : 'allowFullScreen',
+ label : editor.lang.flash.chkFull,
+ 'default' : true,
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ id : 'advanced',
+ label : editor.lang.common.advancedTab,
+ elements :
+ [
+ {
+ type : 'hbox',
+ widths : [ '45%', '55%' ],
+ children :
+ [
+ {
+ type : 'text',
+ id : 'id',
+ label : editor.lang.common.id,
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'text',
+ id : 'title',
+ label : editor.lang.common.advisoryTitle,
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '45%', '55%' ],
+ children :
+ [
+ {
+ type : 'text',
+ id : 'bgcolor',
+ label : editor.lang.flash.bgcolor,
+ setup : loadValue,
+ commit : commitValue
+ },
+ {
+ type : 'text',
+ id : 'class',
+ label : editor.lang.common.cssClass,
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ },
+ {
+ type : 'text',
+ id : 'style',
+ label : editor.lang.common.cssStyle,
+ setup : loadValue,
+ commit : commitValue
+ }
+ ]
+ }
+ ]
+ };
+ } );
+})();
generated by cgit v1.3 (git 2.53.0) at 2026-07-05 07:37:16 +0000