ckeditor 3.4.3 → 3.5.0

data/lib/generators/ckeditor/base/templates/ckeditor/_source/plugins/flash/plugin.js

@@ -0,0 +1,168 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+(function()
+{
+	var flashFilenameRegex = /\.swf(?:$|\?)/i;
+
+	var cssifyLength = CKEDITOR.tools.cssLength;
+
+	function isFlashEmbed( element )
+	{
+		var attributes = element.attributes;
+
+		return ( attributes.type == 'application/x-shockwave-flash' || flashFilenameRegex.test( attributes.src || '' ) );
+	}
+
+	function createFakeElement( editor, realElement )
+	{
+		var fakeElement = editor.createFakeParserElement( realElement, 'cke_flash', 'flash', true ),
+			fakeStyle = fakeElement.attributes.style || '';
+
+		var width = realElement.attributes.width,
+			height = realElement.attributes.height;
+
+		if ( typeof width != 'undefined' )
+			fakeStyle = fakeElement.attributes.style = fakeStyle + 'width:' + cssifyLength( width ) + ';';
+
+		if ( typeof height != 'undefined' )
+			fakeStyle = fakeElement.attributes.style = fakeStyle + 'height:' + cssifyLength( height ) + ';';
+
+		return fakeElement;
+	}
+
+	CKEDITOR.plugins.add( 'flash',
+	{
+		init : function( editor )
+		{
+			editor.addCommand( 'flash', new CKEDITOR.dialogCommand( 'flash' ) );
+			editor.ui.addButton( 'Flash',
+				{
+					label : editor.lang.common.flash,
+					command : 'flash'
+				});
+			CKEDITOR.dialog.add( 'flash', this.path + 'dialogs/flash.js' );
+
+			editor.addCss(
+				'img.cke_flash' +
+				'{' +
+					'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/placeholder.png' ) + ');' +
+					'background-position: center center;' +
+					'background-repeat: no-repeat;' +
+					'border: 1px solid #a9a9a9;' +
+					'width: 80px;' +
+					'height: 80px;' +
+				'}'
+				);
+
+			// If the "menu" plugin is loaded, register the menu items.
+			if ( editor.addMenuItems )
+			{
+				editor.addMenuItems(
+					{
+						flash :
+						{
+							label : editor.lang.flash.properties,
+							command : 'flash',
+							group : 'flash'
+						}
+					});
+			}
+
+			editor.on( 'doubleclick', function( evt )
+				{
+					var element = evt.data.element;
+
+					if ( element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'flash' )
+						evt.data.dialog = 'flash';
+				});
+
+			// If the "contextmenu" plugin is loaded, register the listeners.
+			if ( editor.contextMenu )
+			{
+				editor.contextMenu.addListener( function( element, selection )
+					{
+						if ( element && element.is( 'img' ) && !element.isReadOnly()
+								&& element.data( 'cke-real-element-type' ) == 'flash' )
+							return { flash : CKEDITOR.TRISTATE_OFF };
+					});
+			}
+		},
+
+		afterInit : function( editor )
+		{
+			var dataProcessor = editor.dataProcessor,
+				dataFilter = dataProcessor && dataProcessor.dataFilter;
+
+			if ( dataFilter )
+			{
+				dataFilter.addRules(
+					{
+						elements :
+						{
+							'cke:object' : function( element )
+							{
+								var attributes = element.attributes,
+									classId = attributes.classid && String( attributes.classid ).toLowerCase();
+
+								if ( !classId )
+								{
+									// Look for the inner <embed>
+									for ( var i = 0 ; i < element.children.length ; i++ )
+									{
+										if ( element.children[ i ].name == 'cke:embed' )
+										{
+											if ( !isFlashEmbed( element.children[ i ] ) )
+												return null;
+
+											return createFakeElement( editor, element );
+										}
+									}
+									return null;
+								}
+
+								return createFakeElement( editor, element );
+							},
+
+							'cke:embed' : function( element )
+							{
+								if ( !isFlashEmbed( element ) )
+									return null;
+
+								return createFakeElement( editor, element );
+							}
+						}
+					},
+					5);
+			}
+		},
+
+		requires : [ 'fakeobjects' ]
+	});
+})();
+
+CKEDITOR.tools.extend( CKEDITOR.config,
+{
+	/**
+	 * Save as EMBED tag only. This tag is unrecommended.
+	 * @type Boolean
+	 * @default false
+	 */
+	flashEmbedTagOnly : false,
+
+	/**
+	 * Add EMBED tag as alternative: &lt;object&gt&lt;embed&gt&lt;/embed&gt&lt;/object&gt
+	 * @type Boolean
+	 * @default false
+	 */
+	flashAddEmbedTag : true,
+
+	/**
+	 * Use embedTagOnly and addEmbedTag values on edit.
+	 * @type Boolean
+	 * @default false
+	 */
+	flashConvertOnEdit : false
+} );

data/lib/generators/ckeditor/base/templates/ckeditor/_source/plugins/floatpanel/plugin.js

@@ -0,0 +1,405 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'floatpanel',
+{
+	requires : [ 'panel' ]
+});
+
+(function()
+{
+	var panels = {};
+	var isShowing = false;
+
+	function getPanel( editor, doc, parentElement, definition, level )
+	{
+		// Generates the panel key: docId-eleId-skinName-langDir[-uiColor][-CSSs][-level]
+		var key = CKEDITOR.tools.genKey( doc.getUniqueId(), parentElement.getUniqueId(), editor.skinName, editor.lang.dir,
+			editor.uiColor || '', definition.css || '', level || '' );
+
+		var panel = panels[ key ];
+
+		if ( !panel )
+		{
+			panel = panels[ key ] = new CKEDITOR.ui.panel( doc, definition );
+			panel.element = parentElement.append( CKEDITOR.dom.element.createFromHtml( panel.renderHtml( editor ), doc ) );
+
+			panel.element.setStyles(
+				{
+					display : 'none',
+					position : 'absolute'
+				});
+		}
+
+		return panel;
+	}
+
+	CKEDITOR.ui.floatPanel = CKEDITOR.tools.createClass(
+	{
+		$ : function( editor, parentElement, definition, level )
+		{
+			definition.forceIFrame = 1;
+
+			var doc = parentElement.getDocument(),
+				panel = getPanel( editor, doc, parentElement, definition, level || 0 ),
+				element = panel.element,
+				iframe = element.getFirst().getFirst();
+
+			this.element = element;
+
+			this._ =
+			{
+				// The panel that will be floating.
+				panel : panel,
+				parentElement : parentElement,
+				definition : definition,
+				document : doc,
+				iframe : iframe,
+				children : [],
+				dir : editor.lang.dir
+			};
+
+			editor.on( 'mode', function(){ this.hide(); }, this );
+		},
+
+		proto :
+		{
+			addBlock : function( name, block )
+			{
+				return this._.panel.addBlock( name, block );
+			},
+
+			addListBlock : function( name, multiSelect )
+			{
+				return this._.panel.addListBlock( name, multiSelect );
+			},
+
+			getBlock : function( name )
+			{
+				return this._.panel.getBlock( name );
+			},
+
+			/*
+				corner (LTR):
+					1 = top-left
+					2 = top-right
+					3 = bottom-right
+					4 = bottom-left
+
+				corner (RTL):
+					1 = top-right
+					2 = top-left
+					3 = bottom-left
+					4 = bottom-right
+			 */
+			showBlock : function( name, offsetParent, corner, offsetX, offsetY )
+			{
+				var panel = this._.panel,
+					block = panel.showBlock( name );
+
+				this.allowBlur( false );
+				isShowing = 1;
+
+				var element = this.element,
+					iframe = this._.iframe,
+					definition = this._.definition,
+					position = offsetParent.getDocumentPosition( element.getDocument() ),
+					rtl = this._.dir == 'rtl';
+
+				var left	= position.x + ( offsetX || 0 ),
+					top		= position.y + ( offsetY || 0 );
+
+				// Floating panels are off by (-1px, 0px) in RTL mode. (#3438)
+				if ( rtl && ( corner == 1 || corner == 4 ) )
+					left += offsetParent.$.offsetWidth;
+				else if ( !rtl && ( corner == 2 || corner == 3 ) )
+					left += offsetParent.$.offsetWidth - 1;
+
+				if ( corner == 3 || corner == 4 )
+					top += offsetParent.$.offsetHeight - 1;
+
+				// Memorize offsetParent by it's ID.
+				this._.panel._.offsetParentId = offsetParent.getId();
+
+				element.setStyles(
+					{
+						top : top + 'px',
+						left: 0,
+						display	: ''
+					});
+
+				// Don't use display or visibility style because we need to
+				// calculate the rendering layout later and focus the element.
+				element.setOpacity( 0 );
+
+				// To allow the context menu to decrease back their width
+				element.getFirst().removeStyle( 'width' );
+
+				// Configure the IFrame blur event. Do that only once.
+				if ( !this._.blurSet )
+				{
+					// Non IE prefer the event into a window object.
+					var focused = CKEDITOR.env.ie ? iframe : new CKEDITOR.dom.window( iframe.$.contentWindow );
+
+					// With addEventListener compatible browsers, we must
+					// useCapture when registering the focus/blur events to
+					// guarantee they will be firing in all situations. (#3068, #3222 )
+					CKEDITOR.event.useCapture = true;
+
+					focused.on( 'blur', function( ev )
+						{
+							if ( !this.allowBlur() )
+								return;
+
+							// As we are using capture to register the listener,
+							// the blur event may get fired even when focusing
+							// inside the window itself, so we must ensure the
+							// target is out of it.
+							var target;
+							if ( CKEDITOR.env.ie && !this.allowBlur()
+								 || ( target = ev.data.getTarget() )
+								      && target.getName && target.getName() != 'iframe' )
+								return;
+
+							if ( this.visible && !this._.activeChild && !isShowing )
+								this.hide();
+						},
+						this );
+
+					focused.on( 'focus', function()
+						{
+							this._.focused = true;
+							this.hideChild();
+							this.allowBlur( true );
+						},
+						this );
+
+					CKEDITOR.event.useCapture = false;
+
+					this._.blurSet = 1;
+				}
+
+				panel.onEscape = CKEDITOR.tools.bind( function( keystroke )
+					{
+						if ( this.onEscape && this.onEscape( keystroke ) === false )
+							return false;
+					},
+					this );
+
+				CKEDITOR.tools.setTimeout( function()
+					{
+						if ( rtl )
+							left -= element.$.offsetWidth;
+
+						var panelLoad = CKEDITOR.tools.bind( function ()
+						{
+							var target = element.getFirst();
+
+							if ( block.autoSize )
+							{
+								// We must adjust first the width or IE6 could include extra lines in the height computation
+								var widthNode = block.element.$;
+
+								if ( CKEDITOR.env.gecko || CKEDITOR.env.opera )
+									widthNode = widthNode.parentNode;
+
+								if ( CKEDITOR.env.ie )
+									widthNode = widthNode.document.body;
+
+								var width = widthNode.scrollWidth;
+								// Account for extra height needed due to IE quirks box model bug:
+								// http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
+								// (#3426)
+								if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && width > 0 )
+									width += ( target.$.offsetWidth || 0 ) - ( target.$.clientWidth || 0 );
+								// A little extra at the end.
+								// If not present, IE6 might break into the next line, but also it looks better this way
+								width += 4 ;
+
+								target.setStyle( 'width', width + 'px' );
+
+								// IE doesn't compute the scrollWidth if a filter is applied previously
+								block.element.addClass( 'cke_frameLoaded' );
+
+								var height = block.element.$.scrollHeight;
+
+								// Account for extra height needed due to IE quirks box model bug:
+								// http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
+								// (#3426)
+								if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && height > 0 )
+									height += ( target.$.offsetHeight || 0 ) - ( target.$.clientHeight || 0 );
+
+								target.setStyle( 'height', height + 'px' );
+
+								// Fix IE < 8 visibility.
+								panel._.currentBlock.element.setStyle( 'display', 'none' ).removeStyle( 'display' );
+							}
+							else
+								target.removeStyle( 'height' );
+
+							var panelElement = panel.element,
+								panelWindow = panelElement.getWindow(),
+								windowScroll = panelWindow.getScrollPosition(),
+								viewportSize = panelWindow.getViewPaneSize(),
+								panelSize =
+								{
+									'height' : panelElement.$.offsetHeight,
+									'width' : panelElement.$.offsetWidth
+								};
+
+							// If the menu is horizontal off, shift it toward
+							// the opposite language direction.
+							if ( rtl ? left < 0 : left + panelSize.width > viewportSize.width + windowScroll.x )
+								left += ( panelSize.width * ( rtl ? 1 : -1 ) );
+
+							// Vertical off screen is simpler.
+							if ( top + panelSize.height > viewportSize.height + windowScroll.y )
+								top -= panelSize.height;
+
+							// If IE is in RTL, we have troubles with absolute
+							// position and horizontal scrolls. Here we have a
+							// series of hacks to workaround it. (#6146)
+							if ( CKEDITOR.env.ie )
+							{
+								var offsetParent = new CKEDITOR.dom.element( element.$.offsetParent ),
+									scrollParent = offsetParent;
+
+								// Quirks returns <body>, but standards returns <html>.
+								if ( scrollParent.getName() == 'html' )
+									scrollParent = scrollParent.getDocument().getBody();
+
+								if ( scrollParent.getComputedStyle( 'direction' ) == 'rtl' )
+								{
+									// For IE8, there is not much logic on this, but it works.
+									if ( CKEDITOR.env.ie8Compat )
+										left -= element.getDocument().getDocumentElement().$.scrollLeft * 2;
+									else
+										left -= ( offsetParent.$.scrollWidth - offsetParent.$.clientWidth );
+								}
+							}
+
+							// Trigger the onHide event of the previously active panel to prevent
+							// incorrect styles from being applied (#6170)
+							var innerElement = element.getFirst(),
+								activePanel;
+							if ( ( activePanel = innerElement.getCustomData( 'activePanel' ) ) )
+								activePanel.onHide && activePanel.onHide.call( this, 1 );
+							innerElement.setCustomData( 'activePanel', this );
+
+							element.setStyles(
+								{
+									top : top + 'px',
+									left : left + 'px'
+								} );
+							element.setOpacity( 1 );
+						} , this );
+
+						panel.isLoaded ? panelLoad() : panel.onLoad = panelLoad;
+
+						// Set the panel frame focus, so the blur event gets fired.
+						CKEDITOR.tools.setTimeout( function()
+						{
+							iframe.$.contentWindow.focus();
+							// We need this get fired manually because of unfired focus() function.
+							this.allowBlur( true );
+						}, 0, this);
+					},  CKEDITOR.env.air ? 200 : 0, this);
+				this.visible = 1;
+
+				if ( this.onShow )
+					this.onShow.call( this );
+
+				isShowing = 0;
+			},
+
+			hide : function()
+			{
+				if ( this.visible && ( !this.onHide || this.onHide.call( this ) !== true ) )
+				{
+					this.hideChild();
+					this.element.setStyle( 'display', 'none' );
+					this.visible = 0;
+					this.element.getFirst().removeCustomData( 'activePanel' );
+				}
+			},
+
+			allowBlur : function( allow )	// Prevent editor from hiding the panel. #3222.
+			{
+				var panel = this._.panel;
+				if ( allow != undefined )
+					panel.allowBlur = allow;
+
+				return panel.allowBlur;
+			},
+
+			showAsChild : function( panel, blockName, offsetParent, corner, offsetX, offsetY )
+			{
+				// Skip reshowing of child which is already visible.
+				if ( this._.activeChild == panel && panel._.panel._.offsetParentId == offsetParent.getId() )
+					return;
+
+				this.hideChild();
+
+				panel.onHide = CKEDITOR.tools.bind( function()
+					{
+						// Use a timeout, so we give time for this menu to get
+						// potentially focused.
+						CKEDITOR.tools.setTimeout( function()
+							{
+								if ( !this._.focused )
+									this.hide();
+							},
+							0, this );
+					},
+					this );
+
+				this._.activeChild = panel;
+				this._.focused = false;
+
+				panel.showBlock( blockName, offsetParent, corner, offsetX, offsetY );
+
+				/* #3767 IE: Second level menu may not have borders */
+				if ( CKEDITOR.env.ie7Compat || ( CKEDITOR.env.ie8 && CKEDITOR.env.ie6Compat ) )
+				{
+					setTimeout(function()
+						{
+							panel.element.getChild( 0 ).$.style.cssText += '';
+						}, 100);
+				}
+			},
+
+			hideChild : function()
+			{
+				var activeChild = this._.activeChild;
+
+				if ( activeChild )
+				{
+					delete activeChild.onHide;
+					delete this._.activeChild;
+					activeChild.hide();
+				}
+			}
+		}
+	});
+
+	CKEDITOR.on( 'instanceDestroyed', function()
+	{
+		var isLastInstance = CKEDITOR.tools.isEmpty( CKEDITOR.instances );
+
+		for ( var i in panels )
+		{
+			var panel = panels[ i ];
+			// Safe to destroy it since there're no more instances.(#4241)
+			if ( isLastInstance )
+				panel.destroy();
+			// Panel might be used by other instances, just hide them.(#4552)
+			else
+				panel.element.hide();
+		}
+		// Remove the registration.
+		isLastInstance && ( panels = {} );
+
+	} );
+})();