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