ckeditor 3.4.3 → 3.5.0

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

@@ -0,0 +1,257 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'listblock',
+{
+	requires : [ 'panel' ],
+
+	onLoad : function()
+	{
+		CKEDITOR.ui.panel.prototype.addListBlock = function( name, definition )
+		{
+			return this.addBlock( name, new CKEDITOR.ui.listBlock( this.getHolderElement(), definition ) );
+		};
+
+		CKEDITOR.ui.listBlock = CKEDITOR.tools.createClass(
+			{
+				base : CKEDITOR.ui.panel.block,
+
+				$ : function( blockHolder, blockDefinition )
+				{
+					blockDefinition = blockDefinition || {};
+
+					var attribs = blockDefinition.attributes || ( blockDefinition.attributes = {} );
+					( this.multiSelect = !!blockDefinition.multiSelect ) &&
+						( attribs[ 'aria-multiselectable' ] = true );
+					// Provide default role of 'listbox'.
+					!attribs.role && ( attribs.role = 'listbox' );
+
+					// Call the base contructor.
+					this.base.apply( this, arguments );
+
+					var keys = this.keys;
+					keys[ 40 ]	= 'next';					// ARROW-DOWN
+					keys[ 9 ]	= 'next';					// TAB
+					keys[ 38 ]	= 'prev';					// ARROW-UP
+					keys[ CKEDITOR.SHIFT + 9 ]	= 'prev';	// SHIFT + TAB
+					keys[ 32 ]	= 'click';					// SPACE
+
+					this._.pendingHtml = [];
+					this._.items = {};
+					this._.groups = {};
+				},
+
+				_ :
+				{
+					close : function()
+					{
+						if ( this._.started )
+						{
+							this._.pendingHtml.push( '</ul>' );
+							delete this._.started;
+						}
+					},
+
+					getClick : function()
+					{
+						if ( !this._.click )
+						{
+							this._.click = CKEDITOR.tools.addFunction( function( value )
+								{
+									var marked = true;
+
+									if ( this.multiSelect )
+										marked = this.toggle( value );
+									else
+										this.mark( value );
+
+									if ( this.onClick )
+										this.onClick( value, marked );
+								},
+								this );
+						}
+						return this._.click;
+					}
+				},
+
+				proto :
+				{
+					add : function( value, html, title )
+					{
+						var pendingHtml = this._.pendingHtml,
+							id = CKEDITOR.tools.getNextId();
+
+						if ( !this._.started )
+						{
+							pendingHtml.push( '<ul role="presentation" class=cke_panel_list>' );
+							this._.started = 1;
+							this._.size = this._.size || 0;
+						}
+
+						this._.items[ value ] = id;
+
+						pendingHtml.push(
+							'<li id=', id, ' class=cke_panel_listItem role=presentation>' +
+								'<a id="', id, '_option" _cke_focus=1 hidefocus=true' +
+									' title="', title || value, '"' +
+									' href="javascript:void(\'', value, '\')"' +
+									' onclick="CKEDITOR.tools.callFunction(', this._.getClick(), ',\'', value, '\'); return false;"',
+									' role="option"' +
+									' aria-posinset="' + ++this._.size + '">',
+									html || value,
+								'</a>' +
+							'</li>' );
+					},
+
+					startGroup : function( title )
+					{
+						this._.close();
+
+						var id = CKEDITOR.tools.getNextId();
+
+						this._.groups[ title ] = id;
+
+						this._.pendingHtml.push( '<h1 role="presentation" id=', id, ' class=cke_panel_grouptitle>', title, '</h1>' );
+					},
+
+					commit : function()
+					{
+						this._.close();
+						this.element.appendHtml( this._.pendingHtml.join( '' ) );
+
+						var items = this._.items,
+							doc = this.element.getDocument();
+						for ( var value in items )
+							doc.getById( items[ value ] + '_option' ).setAttribute( 'aria-setsize', this._.size );
+						delete this._.size;
+
+						this._.pendingHtml = [];
+					},
+
+					toggle : function( value )
+					{
+						var isMarked = this.isMarked( value );
+
+						if ( isMarked )
+							this.unmark( value );
+						else
+							this.mark( value );
+
+						return !isMarked;
+					},
+
+					hideGroup : function( groupTitle )
+					{
+						var group = this.element.getDocument().getById( this._.groups[ groupTitle ] ),
+							list = group && group.getNext();
+
+						if ( group )
+						{
+							group.setStyle( 'display', 'none' );
+
+							if ( list && list.getName() == 'ul' )
+								list.setStyle( 'display', 'none' );
+						}
+					},
+
+					hideItem : function( value )
+					{
+						this.element.getDocument().getById( this._.items[ value ] ).setStyle( 'display', 'none' );
+					},
+
+					showAll : function()
+					{
+						var items = this._.items,
+							groups = this._.groups,
+							doc = this.element.getDocument();
+
+						for ( var value in items )
+						{
+							doc.getById( items[ value ] ).setStyle( 'display', '' );
+						}
+
+						for ( var title in groups )
+						{
+							var group = doc.getById( groups[ title ] ),
+								list = group.getNext();
+
+							group.setStyle( 'display', '' );
+
+							if ( list && list.getName() == 'ul' )
+								list.setStyle( 'display', '' );
+						}
+					},
+
+					mark : function( value )
+					{
+						if ( !this.multiSelect )
+							this.unmarkAll();
+
+						var itemId = this._.items[ value ],
+							item = this.element.getDocument().getById( itemId );
+						item.addClass( 'cke_selected' );
+
+						this.element.getDocument().getById( itemId + '_option' ).setAttribute( 'aria-selected', true );
+						this.element.setAttribute( 'aria-activedescendant', itemId + '_option' );
+
+						this.onMark && this.onMark( item );
+					},
+
+					unmark : function( value )
+					{
+						this.element.getDocument().getById( this._.items[ value ] ).removeClass( 'cke_selected' );
+						this.onUnmark && this.onUnmark( this._.items[ value ] );
+					},
+
+					unmarkAll : function()
+					{
+						var items = this._.items,
+							doc = this.element.getDocument();
+
+						for ( var value in items )
+						{
+							doc.getById( items[ value ] ).removeClass( 'cke_selected' );
+						}
+
+						this.onUnmark && this.onUnmark();
+					},
+
+					isMarked : function( value )
+					{
+						return this.element.getDocument().getById( this._.items[ value ] ).hasClass( 'cke_selected' );
+					},
+
+					focus : function( value )
+					{
+						this._.focusIndex = -1;
+
+						if ( value )
+						{
+							var selected = this.element.getDocument().getById( this._.items[ value ] ).getFirst();
+
+							var links = this.element.getElementsByTag( 'a' ),
+								link,
+								i = -1;
+
+							while ( ( link = links.getItem( ++i ) ) )
+							{
+								if ( link.equals( selected ) )
+								{
+									this._.focusIndex = i;
+									break;
+								}
+							}
+
+							setTimeout( function()
+								{
+									selected.focus();
+								},
+								0 );
+						}
+					}
+				}
+			});
+	}
+});

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

@@ -0,0 +1,340 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+(function()
+{
+	function protectFormStyles( formElement )
+	{
+		if ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )
+			return [];
+
+		var hijackRecord = [],
+			hijackNames = [ 'style', 'className' ];
+		for ( var i = 0 ; i < hijackNames.length ; i++ )
+		{
+			var name = hijackNames[i];
+			var $node = formElement.$.elements.namedItem( name );
+			if ( $node )
+			{
+				var hijackNode = new CKEDITOR.dom.element( $node );
+				hijackRecord.push( [ hijackNode, hijackNode.nextSibling ] );
+				hijackNode.remove();
+			}
+		}
+
+		return hijackRecord;
+	}
+
+	function restoreFormStyles( formElement, hijackRecord )
+	{
+		if ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )
+			return;
+
+		if ( hijackRecord.length > 0 )
+		{
+			for ( var i = hijackRecord.length - 1 ; i >= 0 ; i-- )
+			{
+				var node = hijackRecord[i][0];
+				var sibling = hijackRecord[i][1];
+				if ( sibling )
+					node.insertBefore( sibling );
+				else
+					node.appendTo( formElement );
+			}
+		}
+	}
+
+	function saveStyles( element, isInsideEditor )
+	{
+		var data = protectFormStyles( element );
+		var retval = {};
+
+		var $element = element.$;
+
+		if ( !isInsideEditor )
+		{
+			retval[ 'class' ] = $element.className || '';
+			$element.className = '';
+		}
+
+		retval.inline = $element.style.cssText || '';
+		if ( !isInsideEditor )		// Reset any external styles that might interfere. (#2474)
+			$element.style.cssText = 'position: static; overflow: visible';
+
+		restoreFormStyles( data );
+		return retval;
+	}
+
+	function restoreStyles( element, savedStyles )
+	{
+		var data = protectFormStyles( element );
+		var $element = element.$;
+		if ( 'class' in savedStyles )
+			$element.className = savedStyles[ 'class' ];
+		if ( 'inline' in savedStyles )
+			$element.style.cssText = savedStyles.inline;
+		restoreFormStyles( data );
+	}
+
+	function refreshCursor( editor )
+	{
+		// Refresh all editor instances on the page (#5724).
+		var all = CKEDITOR.instances;
+		for ( var i in all )
+		{
+			var one = all[ i ];
+			if ( one.mode == 'wysiwyg' )
+			{
+				var body = one.document.getBody();
+				// Refresh 'contentEditable' otherwise
+				// DOM lifting breaks design mode. (#5560)
+				body.setAttribute( 'contentEditable', false );
+				body.setAttribute( 'contentEditable', true );
+			}
+		}
+
+		if ( editor.focusManager.hasFocus )
+		{
+			editor.toolbox.focus();
+			editor.focus();
+		}
+	}
+
+	/**
+	 * Adding an iframe shim to this element, OR removing the existing one if already applied.
+	 * Note: This will only affect IE version below 7.
+	 */
+	 function createIframeShim( element )
+	{
+		if ( !CKEDITOR.env.ie || CKEDITOR.env.version > 6 )
+			return null;
+
+		var shim = CKEDITOR.dom.element.createFromHtml( '<iframe frameborder="0" tabindex="-1"' +
+					' src="javascript:' +
+					   'void((function(){' +
+						   'document.open();' +
+						   ( CKEDITOR.env.isCustomDomain() ? 'document.domain=\'' + this.getDocument().$.domain + '\';' : '' ) +
+						   'document.close();' +
+					   '})())"' +
+					' style="display:block;position:absolute;z-index:-1;' +
+					'progid:DXImageTransform.Microsoft.Alpha(opacity=0);' +
+					'"></iframe>' );
+		return element.append( shim, true );
+	}
+
+	CKEDITOR.plugins.add( 'maximize',
+	{
+		init : function( editor )
+		{
+			var lang = editor.lang;
+			var mainDocument = CKEDITOR.document,
+				mainWindow = mainDocument.getWindow();
+
+			// Saved selection and scroll position for the editing area.
+			var savedSelection,
+				savedScroll;
+
+			// Saved scroll position for the outer window.
+			var outerScroll;
+
+			var shim;
+
+			// Saved resize handler function.
+			function resizeHandler()
+			{
+				var viewPaneSize = mainWindow.getViewPaneSize();
+				shim && shim.setStyles( { width : viewPaneSize.width + 'px', height : viewPaneSize.height + 'px' } );
+				editor.resize( viewPaneSize.width, viewPaneSize.height, null, true );
+			}
+
+			// Retain state after mode switches.
+			var savedState = CKEDITOR.TRISTATE_OFF;
+
+			editor.addCommand( 'maximize',
+				{
+					modes : { wysiwyg : 1, source : 1 },
+					editorFocus : false,
+					exec : function()
+					{
+						var container = editor.container.getChild( 1 );
+						var contents = editor.getThemeSpace( 'contents' );
+
+						// Save current selection and scroll position in editing area.
+						if ( editor.mode == 'wysiwyg' )
+						{
+							var selection = editor.getSelection();
+							savedSelection = selection && selection.getRanges();
+							savedScroll = mainWindow.getScrollPosition();
+						}
+						else
+						{
+							var $textarea = editor.textarea.$;
+							savedSelection = !CKEDITOR.env.ie && [ $textarea.selectionStart, $textarea.selectionEnd ];
+							savedScroll = [ $textarea.scrollLeft, $textarea.scrollTop ];
+						}
+
+						if ( this.state == CKEDITOR.TRISTATE_OFF )		// Go fullscreen if the state is off.
+						{
+							// Add event handler for resizing.
+							mainWindow.on( 'resize', resizeHandler );
+
+							// Save the scroll bar position.
+							outerScroll = mainWindow.getScrollPosition();
+
+							// Save and reset the styles for the entire node tree.
+							var currentNode = editor.container;
+							while ( ( currentNode = currentNode.getParent() ) )
+							{
+								currentNode.setCustomData( 'maximize_saved_styles', saveStyles( currentNode ) );
+								currentNode.setStyle( 'z-index', editor.config.baseFloatZIndex - 1 );
+							}
+							contents.setCustomData( 'maximize_saved_styles', saveStyles( contents, true ) );
+							container.setCustomData( 'maximize_saved_styles', saveStyles( container, true ) );
+
+							// Hide scroll bars.
+							var viewPaneSize = mainWindow.getViewPaneSize();
+							var styles =
+								{
+									overflow : 'hidden',
+									width : 0,
+									height : 0
+								};
+
+							mainDocument.getDocumentElement().setStyles( styles );
+							!CKEDITOR.env.gecko && mainDocument.getDocumentElement().setStyle( 'position', 'fixed' );
+							mainDocument.getBody().setStyles( styles );
+
+							// Scroll to the top left (IE needs some time for it - #4923).
+							CKEDITOR.env.ie ?
+								setTimeout( function() { mainWindow.$.scrollTo( 0, 0 ); }, 0 ) :
+								mainWindow.$.scrollTo( 0, 0 );
+
+							// Resize and move to top left.
+							container.setStyle( 'position', 'absolute' );
+							container.$.offsetLeft;			// SAFARI BUG: See #2066.
+							container.setStyles(
+								{
+									'z-index' : editor.config.baseFloatZIndex - 1,
+									left : '0px',
+									top : '0px'
+								} );
+
+							shim =  createIframeShim( container );		// IE6 select element penetration when maximized. (#4459)
+
+							// Add cke_maximized class before resize handle since that will change things sizes (#5580)
+							container.addClass( 'cke_maximized' );
+
+							resizeHandler();
+
+							// Still not top left? Fix it. (Bug #174)
+							var offset = container.getDocumentPosition();
+							container.setStyles(
+								{
+									left : ( -1 * offset.x ) + 'px',
+									top : ( -1 * offset.y ) + 'px'
+								} );
+
+							// Fixing positioning editor chrome in Firefox break design mode. (#5149)
+							CKEDITOR.env.gecko && refreshCursor( editor );
+
+						}
+						else if ( this.state == CKEDITOR.TRISTATE_ON )	// Restore from fullscreen if the state is on.
+						{
+							// Remove event handler for resizing.
+							mainWindow.removeListener( 'resize', resizeHandler );
+
+							// Restore CSS styles for the entire node tree.
+							var editorElements = [ contents, container ];
+							for ( var i = 0 ; i < editorElements.length ; i++ )
+							{
+								restoreStyles( editorElements[i], editorElements[i].getCustomData( 'maximize_saved_styles' ) );
+								editorElements[i].removeCustomData( 'maximize_saved_styles' );
+							}
+
+							currentNode = editor.container;
+							while ( ( currentNode = currentNode.getParent() ) )
+							{
+								restoreStyles( currentNode, currentNode.getCustomData( 'maximize_saved_styles' ) );
+								currentNode.removeCustomData( 'maximize_saved_styles' );
+							}
+
+							// Restore the window scroll position.
+							CKEDITOR.env.ie ?
+								setTimeout( function() { mainWindow.$.scrollTo( outerScroll.x, outerScroll.y ); }, 0 ) :
+								mainWindow.$.scrollTo( outerScroll.x, outerScroll.y );
+
+							// Remove cke_maximized class.
+							container.removeClass( 'cke_maximized' );
+
+							if ( shim )
+							{
+								shim.remove();
+								shim = null;
+							}
+
+							// Emit a resize event, because this time the size is modified in
+							// restoreStyles.
+							editor.fire( 'resize' );
+						}
+
+						this.toggleState();
+
+						// Toggle button label.
+						var button = this.uiItems[ 0 ];
+						var label = ( this.state == CKEDITOR.TRISTATE_OFF )
+							? lang.maximize : lang.minimize;
+						var buttonNode = editor.element.getDocument().getById( button._.id );
+						buttonNode.getChild( 1 ).setHtml( label );
+						buttonNode.setAttribute( 'title', label );
+						buttonNode.setAttribute( 'href', 'javascript:void("' + label + '");' );
+
+						// Restore selection and scroll position in editing area.
+						if ( editor.mode == 'wysiwyg' )
+						{
+							if ( savedSelection )
+							{
+								// Fixing positioning editor chrome in Firefox break design mode. (#5149)
+								CKEDITOR.env.gecko && refreshCursor( editor );
+
+								editor.getSelection().selectRanges(savedSelection);
+								var element = editor.getSelection().getStartElement();
+								element && element.scrollIntoView( true );
+							}
+
+							else
+								mainWindow.$.scrollTo( savedScroll.x, savedScroll.y );
+						}
+						else
+						{
+							if ( savedSelection )
+							{
+								$textarea.selectionStart = savedSelection[0];
+								$textarea.selectionEnd = savedSelection[1];
+							}
+							$textarea.scrollLeft = savedScroll[0];
+							$textarea.scrollTop = savedScroll[1];
+						}
+
+						savedSelection = savedScroll = null;
+						savedState = this.state;
+					},
+					canUndo : false
+				} );
+
+			editor.ui.addButton( 'Maximize',
+				{
+					label : lang.maximize,
+					command : 'maximize'
+				} );
+
+			// Restore the command state after mode change, unless it has been changed to disabled (#6467)
+			editor.on( 'mode', function()
+				{
+					var command = editor.getCommand( 'maximize' );
+					command.setState( command.state == CKEDITOR.TRISTATE_DISABLED ? CKEDITOR.TRISTATE_DISABLED : savedState );
+				}, null, null, 100 );
+		}
+	} );
+})();