ckeditor-rails 0.0.4 → 0.0.5

data/vendor/assets/ckeditor/ckeditor/_source/plugins/resize/plugin.js

@@ -1,168 +1,169 @@
-/*
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
-*/
-
-CKEDITOR.plugins.add( 'resize',
-{
-	init : function( editor )
-	{
-		var config = editor.config;
-
-		// Resize in the same direction of chrome,
-		// which is identical to dir of editor element. (#6614)
-		var resizeDir = editor.element.getDirection( 1 );
-
-		!config.resize_dir && ( config.resize_dir = 'both' );
-		( config.resize_maxWidth == undefined ) && ( config.resize_maxWidth = 3000 );
-		( config.resize_maxHeight == undefined ) && ( config.resize_maxHeight = 3000 );
-		( config.resize_minWidth == undefined ) && ( config.resize_minWidth = 750 );
-		( config.resize_minHeight == undefined ) && ( config.resize_minHeight = 250 );
-
-		if ( config.resize_enabled !== false )
-		{
-			var container = null,
-				origin,
-				startSize,
-				resizeHorizontal = ( config.resize_dir == 'both' || config.resize_dir == 'horizontal' ) &&
-					( config.resize_minWidth != config.resize_maxWidth ),
-				resizeVertical = ( config.resize_dir == 'both' || config.resize_dir == 'vertical' ) &&
-					( config.resize_minHeight != config.resize_maxHeight );
-
-			function dragHandler( evt )
-			{
-				var dx = evt.data.$.screenX - origin.x,
-					dy = evt.data.$.screenY - origin.y,
-					width = startSize.width,
-					height = startSize.height,
-					internalWidth = width + dx * ( resizeDir == 'rtl' ? -1 : 1 ),
-					internalHeight = height + dy;
-
-				if ( resizeHorizontal )
-					width =  Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) );
-
-				if ( resizeVertical )
-					height =  Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) );
-
-				editor.resize( width, height );
-			}
-
-			function dragEndHandler ( evt )
-			{
-				CKEDITOR.document.removeListener( 'mousemove', dragHandler );
-				CKEDITOR.document.removeListener( 'mouseup', dragEndHandler );
-
-				if ( editor.document )
-				{
-					editor.document.removeListener( 'mousemove', dragHandler );
-					editor.document.removeListener( 'mouseup', dragEndHandler );
-				}
-			}
-
-			var mouseDownFn = CKEDITOR.tools.addFunction( function( $event )
-				{
-					if ( !container )
-						container = editor.getResizable();
-
-					startSize = { width : container.$.offsetWidth || 0, height : container.$.offsetHeight || 0 };
-					origin = { x : $event.screenX, y : $event.screenY };
-
-					config.resize_minWidth > startSize.width && ( config.resize_minWidth = startSize.width );
-					config.resize_minHeight > startSize.height && ( config.resize_minHeight = startSize.height );
-
-					CKEDITOR.document.on( 'mousemove', dragHandler );
-					CKEDITOR.document.on( 'mouseup', dragEndHandler );
-
-					if ( editor.document )
-					{
-						editor.document.on( 'mousemove', dragHandler );
-						editor.document.on( 'mouseup', dragEndHandler );
-					}
-				});
-
-			editor.on( 'destroy', function() { CKEDITOR.tools.removeFunction( mouseDownFn ); } );
-
-			editor.on( 'themeSpace', function( event )
-				{
-					if ( event.data.space == 'bottom' )
-					{
-						var direction = '';
-						if ( resizeHorizontal && !resizeVertical )
-							direction = ' cke_resizer_horizontal';
-						if ( !resizeHorizontal && resizeVertical )
-							direction = ' cke_resizer_vertical';
-
-						var resizerHtml =
-							'<div' +
-							' class="cke_resizer' + direction + ' cke_resizer_' + resizeDir + '"' +
-							' title="' + CKEDITOR.tools.htmlEncode( editor.lang.resize ) + '"' +
-							' onmousedown="CKEDITOR.tools.callFunction(' + mouseDownFn + ', event)"' +
-							'></div>';
-
-						// Always sticks the corner of botttom space.
-						resizeDir == 'ltr' && direction == 'ltr' ?
-							event.data.html += resizerHtml :
-							event.data.html = resizerHtml + event.data.html;
-					}
-				}, editor, null, 100 );
-		}
-	}
-} );
-
-/**
- * The minimum editor width, in pixels, when resizing it with the resize handle.
- * Note: It fallbacks to editor's actual width if that's smaller than the default value.
- * @name CKEDITOR.config.resize_minWidth
- * @type Number
- * @default 750
- * @example
- * config.resize_minWidth = 500;
- */
-
-/**
- * The minimum editor height, in pixels, when resizing it with the resize handle.
- * Note: It fallbacks to editor's actual height if that's smaller than the default value.
- * @name CKEDITOR.config.resize_minHeight
- * @type Number
- * @default 250
- * @example
- * config.resize_minHeight = 600;
- */
-
-/**
- * The maximum editor width, in pixels, when resizing it with the resize handle.
- * @name CKEDITOR.config.resize_maxWidth
- * @type Number
- * @default 3000
- * @example
- * config.resize_maxWidth = 750;
- */
-
-/**
- * The maximum editor height, in pixels, when resizing it with the resize handle.
- * @name CKEDITOR.config.resize_maxHeight
- * @type Number
- * @default 3000
- * @example
- * config.resize_maxHeight = 600;
- */
-
-/**
- * Whether to enable the resizing feature. If disabled the resize handler will not be visible.
- * @name CKEDITOR.config.resize_enabled
- * @type Boolean
- * @default true
- * @example
- * config.resize_enabled = false;
- */
-
-/**
- * The directions to which the editor resizing is enabled. Possible values
- * are "both", "vertical" and "horizontal".
- * @name CKEDITOR.config.resize_dir
- * @type String
- * @default 'both'
- * @since 3.3
- * @example
- * config.resize_dir = 'vertical';
- */
+/*
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'resize',
+{
+	init : function( editor )
+	{
+		var config = editor.config;
+
+		// Resize in the same direction of chrome,
+		// which is identical to dir of editor element. (#6614)
+		var resizeDir = editor.element.getDirection( 1 );
+
+		!config.resize_dir && ( config.resize_dir = 'both' );
+		( config.resize_maxWidth == undefined ) && ( config.resize_maxWidth = 3000 );
+		( config.resize_maxHeight == undefined ) && ( config.resize_maxHeight = 3000 );
+		( config.resize_minWidth == undefined ) && ( config.resize_minWidth = 750 );
+		( config.resize_minHeight == undefined ) && ( config.resize_minHeight = 250 );
+
+		if ( config.resize_enabled !== false )
+		{
+			var container = null,
+				origin,
+				startSize,
+				resizeHorizontal = ( config.resize_dir == 'both' || config.resize_dir == 'horizontal' ) &&
+					( config.resize_minWidth != config.resize_maxWidth ),
+				resizeVertical = ( config.resize_dir == 'both' || config.resize_dir == 'vertical' ) &&
+					( config.resize_minHeight != config.resize_maxHeight );
+
+			function dragHandler( evt )
+			{
+				var dx = evt.data.$.screenX - origin.x,
+					dy = evt.data.$.screenY - origin.y,
+					width = startSize.width,
+					height = startSize.height,
+					internalWidth = width + dx * ( resizeDir == 'rtl' ? -1 : 1 ),
+					internalHeight = height + dy;
+
+				if ( resizeHorizontal )
+					width =  Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) );
+
+				if ( resizeVertical )
+					height =  Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) );
+
+				// DO NOT impose fixed size with single direction resize. (#6308)
+				editor.resize( resizeHorizontal ? width : null, height );
+			}
+
+			function dragEndHandler ( evt )
+			{
+				CKEDITOR.document.removeListener( 'mousemove', dragHandler );
+				CKEDITOR.document.removeListener( 'mouseup', dragEndHandler );
+
+				if ( editor.document )
+				{
+					editor.document.removeListener( 'mousemove', dragHandler );
+					editor.document.removeListener( 'mouseup', dragEndHandler );
+				}
+			}
+
+			var mouseDownFn = CKEDITOR.tools.addFunction( function( $event )
+				{
+					if ( !container )
+						container = editor.getResizable();
+
+					startSize = { width : container.$.offsetWidth || 0, height : container.$.offsetHeight || 0 };
+					origin = { x : $event.screenX, y : $event.screenY };
+
+					config.resize_minWidth > startSize.width && ( config.resize_minWidth = startSize.width );
+					config.resize_minHeight > startSize.height && ( config.resize_minHeight = startSize.height );
+
+					CKEDITOR.document.on( 'mousemove', dragHandler );
+					CKEDITOR.document.on( 'mouseup', dragEndHandler );
+
+					if ( editor.document )
+					{
+						editor.document.on( 'mousemove', dragHandler );
+						editor.document.on( 'mouseup', dragEndHandler );
+					}
+				});
+
+			editor.on( 'destroy', function() { CKEDITOR.tools.removeFunction( mouseDownFn ); } );
+
+			editor.on( 'themeSpace', function( event )
+				{
+					if ( event.data.space == 'bottom' )
+					{
+						var direction = '';
+						if ( resizeHorizontal && !resizeVertical )
+							direction = ' cke_resizer_horizontal';
+						if ( !resizeHorizontal && resizeVertical )
+							direction = ' cke_resizer_vertical';
+
+						var resizerHtml =
+							'<div' +
+							' class="cke_resizer' + direction + ' cke_resizer_' + resizeDir + '"' +
+							' title="' + CKEDITOR.tools.htmlEncode( editor.lang.resize ) + '"' +
+							' onmousedown="CKEDITOR.tools.callFunction(' + mouseDownFn + ', event)"' +
+							'></div>';
+
+						// Always sticks the corner of botttom space.
+						resizeDir == 'ltr' && direction == 'ltr' ?
+							event.data.html += resizerHtml :
+							event.data.html = resizerHtml + event.data.html;
+					}
+				}, editor, null, 100 );
+		}
+	}
+} );
+
+/**
+ * The minimum editor width, in pixels, when resizing the editor interface by using the resize handle.
+ * Note: It falls back to editor's actual width if it is smaller than the default value.
+ * @name CKEDITOR.config.resize_minWidth
+ * @type Number
+ * @default 750
+ * @example
+ * config.resize_minWidth = 500;
+ */
+
+/**
+ * The minimum editor height, in pixels, when resizing the editor interface by using the resize handle.
+ * Note: It falls back to editor's actual height if it is smaller than the default value.
+ * @name CKEDITOR.config.resize_minHeight
+ * @type Number
+ * @default 250
+ * @example
+ * config.resize_minHeight = 600;
+ */
+
+/**
+ * The maximum editor width, in pixels, when resizing the editor interface by using the resize handle.
+ * @name CKEDITOR.config.resize_maxWidth
+ * @type Number
+ * @default 3000
+ * @example
+ * config.resize_maxWidth = 750;
+ */
+
+/**
+ * The maximum editor height, in pixels, when resizing the editor interface by using the resize handle.
+ * @name CKEDITOR.config.resize_maxHeight
+ * @type Number
+ * @default 3000
+ * @example
+ * config.resize_maxHeight = 600;
+ */
+
+/**
+ * Whether to enable the resizing feature. If this feature is disabled, the resize handle will not be visible.
+ * @name CKEDITOR.config.resize_enabled
+ * @type Boolean
+ * @default true
+ * @example
+ * config.resize_enabled = false;
+ */
+
+/**
+ * The dimensions for which the editor resizing is enabled. Possible values
+ * are <code>both</code>, <code>vertical</code>, and <code>horizontal</code>.
+ * @name CKEDITOR.config.resize_dir
+ * @type String
+ * @default 'both'
+ * @since 3.3
+ * @example
+ * config.resize_dir = 'vertical';
+ */

data/vendor/assets/ckeditor/ckeditor/_source/plugins/richcombo/plugin.js

@@ -1,381 +1,381 @@
-/*
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
-For licensing, see LICENSE.html or http://ckeditor.com/license
-*/
-
-CKEDITOR.plugins.add( 'richcombo',
-{
-	requires : [ 'floatpanel', 'listblock', 'button' ],
-
-	beforeInit : function( editor )
-	{
-		editor.ui.addHandler( CKEDITOR.UI_RICHCOMBO, CKEDITOR.ui.richCombo.handler );
-	}
-});
-
-/**
- * Button UI element.
- * @constant
- * @example
- */
-CKEDITOR.UI_RICHCOMBO = 'richcombo';
-
-CKEDITOR.ui.richCombo = CKEDITOR.tools.createClass(
-{
-	$ : function( definition )
-	{
-		// Copy all definition properties to this object.
-		CKEDITOR.tools.extend( this, definition,
-			// Set defaults.
-			{
-				title : definition.label,
-				modes : { wysiwyg : 1 }
-			});
-
-		// We don't want the panel definition in this object.
-		var panelDefinition = this.panel || {};
-		delete this.panel;
-
-		this.id = CKEDITOR.tools.getNextNumber();
-
-		this.document = ( panelDefinition
-							&& panelDefinition.parent
-							&& panelDefinition.parent.getDocument() )
-						|| CKEDITOR.document;
-
-		panelDefinition.className = ( panelDefinition.className || '' ) + ' cke_rcombopanel';
-		panelDefinition.block =
-		{
-			multiSelect : panelDefinition.multiSelect,
-			attributes : panelDefinition.attributes
-		};
-
-		this._ =
-		{
-			panelDefinition : panelDefinition,
-			items : {},
-			state : CKEDITOR.TRISTATE_OFF
-		};
-	},
-
-	statics :
-	{
-		handler :
-		{
-			create : function( definition )
-			{
-				return new CKEDITOR.ui.richCombo( definition );
-			}
-		}
-	},
-
-	proto :
-	{
-		renderHtml : function( editor )
-		{
-			var output = [];
-			this.render( editor, output );
-			return output.join( '' );
-		},
-
-		/**
-		 * Renders the combo.
-		 * @param {CKEDITOR.editor} editor The editor instance which this button is
-		 *		to be used by.
-		 * @param {Array} output The output array to which append the HTML relative
-		 *		to this button.
-		 * @example
-		 */
-		render : function( editor, output )
-		{
-			var env = CKEDITOR.env;
-
-			var id = 'cke_' + this.id;
-			var clickFn = CKEDITOR.tools.addFunction( function( $element )
-				{
-					var _ = this._;
-
-					if ( _.state == CKEDITOR.TRISTATE_DISABLED )
-						return;
-
-					this.createPanel( editor );
-
-					if ( _.on )
-					{
-						_.panel.hide();
-						return;
-					}
-
-					this.commit();
-					var value = this.getValue();
-					if ( value )
-						_.list.mark( value );
-					else
-						_.list.unmarkAll();
-
-					_.panel.showBlock( this.id, new CKEDITOR.dom.element( $element ), 4 );
-				},
-				this );
-
-			var instance = {
-				id : id,
-				combo : this,
-				focus : function()
-				{
-					var element = CKEDITOR.document.getById( id ).getChild( 1 );
-					element.focus();
-				},
-				clickFn : clickFn
-			};
-
-			function updateState()
-			{
-				var state = this.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED;
-				this.setState( editor.readOnly && !this.readOnly ? CKEDITOR.TRISTATE_DISABLED : state );
-				this.setValue( '' );
-			}
-
-			editor.on( 'mode', updateState, this );
-			// If this combo is sensitive to readOnly state, update it accordingly.
-			!this.readOnly && editor.on( 'readOnly', updateState, this);
-
-			var keyDownFn = CKEDITOR.tools.addFunction( function( ev, element )
-				{
-					ev = new CKEDITOR.dom.event( ev );
-
-					var keystroke = ev.getKeystroke();
-					switch ( keystroke )
-					{
-						case 13 :	// ENTER
-						case 32 :	// SPACE
-						case 40 :	// ARROW-DOWN
-							// Show panel
-							CKEDITOR.tools.callFunction( clickFn, element );
-							break;
-						default :
-							// Delegate the default behavior to toolbar button key handling.
-							instance.onkey( instance,  keystroke );
-					}
-
-					// Avoid subsequent focus grab on editor document.
-					ev.preventDefault();
-				});
-
-			var focusFn = CKEDITOR.tools.addFunction( function() { instance.onfocus && instance.onfocus(); } );
-
-			// For clean up
-			instance.keyDownFn = keyDownFn;
-
-			output.push(
-				'<span class="cke_rcombo" role="presentation">',
-				'<span id=', id );
-
-			if ( this.className )
-				output.push( ' class="', this.className, ' cke_off"');
-
-			output.push(
-				' role="presentation">',
-					'<span id="' + id+ '_label" class=cke_label>', this.label, '</span>',
-					'<a hidefocus=true title="', this.title, '" tabindex="-1"',
-						env.gecko && env.version >= 10900 && !env.hc ? '' : ' href="javascript:void(\'' + this.label + '\')"',
-						' role="button" aria-labelledby="', id , '_label" aria-describedby="', id, '_text" aria-haspopup="true"' );
-
-			// Some browsers don't cancel key events in the keydown but in the
-			// keypress.
-			// TODO: Check if really needed for Gecko+Mac.
-			if ( CKEDITOR.env.opera || ( CKEDITOR.env.gecko && CKEDITOR.env.mac ) )
-			{
-				output.push(
-					' onkeypress="return false;"' );
-			}
-
-			// With Firefox, we need to force it to redraw, otherwise it
-			// will remain in the focus state.
-			if ( CKEDITOR.env.gecko )
-			{
-				output.push(
-					' onblur="this.style.cssText = this.style.cssText;"' );
-			}
-
-			output.push(
-					' onkeydown="CKEDITOR.tools.callFunction( ', keyDownFn, ', event, this );"' +
-					' onfocus="return CKEDITOR.tools.callFunction(', focusFn, ', event);" ' +
-					( CKEDITOR.env.ie ? 'onclick="return false;" onmouseup' : 'onclick' ) +		// #188
-						'="CKEDITOR.tools.callFunction(', clickFn, ', this); return false;">' +
-						'<span>' +
-							'<span id="' + id + '_text" class="cke_text cke_inline_label">' + this.label + '</span>' +
-						'</span>' +
-						'<span class=cke_openbutton><span class=cke_icon>' + ( CKEDITOR.env.hc ? '&#9660;' : CKEDITOR.env.air ?  '&nbsp;' : '' ) + '</span></span>' +	// BLACK DOWN-POINTING TRIANGLE
-					'</a>' +
-				'</span>' +
-				'</span>' );
-
-			if ( this.onRender )
-				this.onRender();
-
-			return instance;
-		},
-
-		createPanel : function( editor )
-		{
-			if ( this._.panel )
-				return;
-
-			var panelDefinition = this._.panelDefinition,
-				panelBlockDefinition = this._.panelDefinition.block,
-				panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),
-				panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),
-				list = panel.addListBlock( this.id, panelBlockDefinition ),
-				me = this;
-
-			panel.onShow = function()
-				{
-					if ( me.className )
-						this.element.getFirst().addClass( me.className + '_panel' );
-
-					me.setState( CKEDITOR.TRISTATE_ON );
-
-					list.focus( !me.multiSelect && me.getValue() );
-
-					me._.on = 1;
-
-					if ( me.onOpen )
-						me.onOpen();
-				};
-
-			panel.onHide = function( preventOnClose )
-				{
-					if ( me.className )
-						this.element.getFirst().removeClass( me.className + '_panel' );
-
-					me.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
-
-					me._.on = 0;
-
-					if ( !preventOnClose && me.onClose )
-						me.onClose();
-				};
-
-			panel.onEscape = function()
-				{
-					panel.hide();
-				};
-
-			list.onClick = function( value, marked )
-				{
-					// Move the focus to the main windows, otherwise it will stay
-					// into the floating panel, even if invisible, and Safari and
-					// Opera will go a bit crazy.
-					me.document.getWindow().focus();
-
-					if ( me.onClick )
-						me.onClick.call( me, value, marked );
-
-					if ( marked )
-						me.setValue( value, me._.items[ value ] );
-					else
-						me.setValue( '' );
-
-					panel.hide( false );
-				};
-
-			this._.panel = panel;
-			this._.list = list;
-
-			panel.getBlock( this.id ).onHide = function()
-				{
-					me._.on = 0;
-					me.setState( CKEDITOR.TRISTATE_OFF );
-				};
-
-			if ( this.init )
-				this.init();
-		},
-
-		setValue : function( value, text )
-		{
-			this._.value = value;
-
-			var textElement = this.document.getById( 'cke_' + this.id + '_text' );
-			if ( textElement )
-			{
-				if ( !( value || text ) )
-				{
-					text = this.label;
-					textElement.addClass( 'cke_inline_label' );
-				}
-				else
-					textElement.removeClass( 'cke_inline_label' );
-
-				textElement.setHtml( typeof text != 'undefined' ? text : value );
-			}
-		},
-
-		getValue : function()
-		{
-			return this._.value || '';
-		},
-
-		unmarkAll : function()
-		{
-			this._.list.unmarkAll();
-		},
-
-		mark : function( value )
-		{
-			this._.list.mark( value );
-		},
-
-		hideItem : function( value )
-		{
-			this._.list.hideItem( value );
-		},
-
-		hideGroup : function( groupTitle )
-		{
-			this._.list.hideGroup( groupTitle );
-		},
-
-		showAll : function()
-		{
-			this._.list.showAll();
-		},
-
-		add : function( value, html, text )
-		{
-			this._.items[ value ] = text || value;
-			this._.list.add( value, html, text );
-		},
-
-		startGroup : function( title )
-		{
-			this._.list.startGroup( title );
-		},
-
-		commit : function()
-		{
-			if ( !this._.committed )
-			{
-				this._.list.commit();
-				this._.committed = 1;
-				CKEDITOR.ui.fire( 'ready', this );
-			}
-			this._.committed = 1;
-		},
-
-		setState : function( state )
-		{
-			if ( this._.state == state )
-				return;
-
-			this.document.getById( 'cke_' + this.id ).setState( state );
-
-			this._.state = state;
-		}
-	}
-});
-
-CKEDITOR.ui.prototype.addRichCombo = function( name, definition )
-{
-	this.add( name, CKEDITOR.UI_RICHCOMBO, definition );
-};
+/*
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'richcombo',
+{
+	requires : [ 'floatpanel', 'listblock', 'button' ],
+
+	beforeInit : function( editor )
+	{
+		editor.ui.addHandler( CKEDITOR.UI_RICHCOMBO, CKEDITOR.ui.richCombo.handler );
+	}
+});
+
+/**
+ * Button UI element.
+ * @constant
+ * @example
+ */
+CKEDITOR.UI_RICHCOMBO = 'richcombo';
+
+CKEDITOR.ui.richCombo = CKEDITOR.tools.createClass(
+{
+	$ : function( definition )
+	{
+		// Copy all definition properties to this object.
+		CKEDITOR.tools.extend( this, definition,
+			// Set defaults.
+			{
+				title : definition.label,
+				modes : { wysiwyg : 1 }
+			});
+
+		// We don't want the panel definition in this object.
+		var panelDefinition = this.panel || {};
+		delete this.panel;
+
+		this.id = CKEDITOR.tools.getNextNumber();
+
+		this.document = ( panelDefinition
+							&& panelDefinition.parent
+							&& panelDefinition.parent.getDocument() )
+						|| CKEDITOR.document;
+
+		panelDefinition.className = ( panelDefinition.className || '' ) + ' cke_rcombopanel';
+		panelDefinition.block =
+		{
+			multiSelect : panelDefinition.multiSelect,
+			attributes : panelDefinition.attributes
+		};
+
+		this._ =
+		{
+			panelDefinition : panelDefinition,
+			items : {},
+			state : CKEDITOR.TRISTATE_OFF
+		};
+	},
+
+	statics :
+	{
+		handler :
+		{
+			create : function( definition )
+			{
+				return new CKEDITOR.ui.richCombo( definition );
+			}
+		}
+	},
+
+	proto :
+	{
+		renderHtml : function( editor )
+		{
+			var output = [];
+			this.render( editor, output );
+			return output.join( '' );
+		},
+
+		/**
+		 * Renders the combo.
+		 * @param {CKEDITOR.editor} editor The editor instance which this button is
+		 *		to be used by.
+		 * @param {Array} output The output array to which append the HTML relative
+		 *		to this button.
+		 * @example
+		 */
+		render : function( editor, output )
+		{
+			var env = CKEDITOR.env;
+
+			var id = 'cke_' + this.id;
+			var clickFn = CKEDITOR.tools.addFunction( function( $element )
+				{
+					var _ = this._;
+
+					if ( _.state == CKEDITOR.TRISTATE_DISABLED )
+						return;
+
+					this.createPanel( editor );
+
+					if ( _.on )
+					{
+						_.panel.hide();
+						return;
+					}
+
+					this.commit();
+					var value = this.getValue();
+					if ( value )
+						_.list.mark( value );
+					else
+						_.list.unmarkAll();
+
+					_.panel.showBlock( this.id, new CKEDITOR.dom.element( $element ), 4 );
+				},
+				this );
+
+			var instance = {
+				id : id,
+				combo : this,
+				focus : function()
+				{
+					var element = CKEDITOR.document.getById( id ).getChild( 1 );
+					element.focus();
+				},
+				clickFn : clickFn
+			};
+
+			function updateState()
+			{
+				var state = this.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED;
+				this.setState( editor.readOnly && !this.readOnly ? CKEDITOR.TRISTATE_DISABLED : state );
+				this.setValue( '' );
+			}
+
+			editor.on( 'mode', updateState, this );
+			// If this combo is sensitive to readOnly state, update it accordingly.
+			!this.readOnly && editor.on( 'readOnly', updateState, this);
+
+			var keyDownFn = CKEDITOR.tools.addFunction( function( ev, element )
+				{
+					ev = new CKEDITOR.dom.event( ev );
+
+					var keystroke = ev.getKeystroke();
+					switch ( keystroke )
+					{
+						case 13 :	// ENTER
+						case 32 :	// SPACE
+						case 40 :	// ARROW-DOWN
+							// Show panel
+							CKEDITOR.tools.callFunction( clickFn, element );
+							break;
+						default :
+							// Delegate the default behavior to toolbar button key handling.
+							instance.onkey( instance,  keystroke );
+					}
+
+					// Avoid subsequent focus grab on editor document.
+					ev.preventDefault();
+				});
+
+			var focusFn = CKEDITOR.tools.addFunction( function() { instance.onfocus && instance.onfocus(); } );
+
+			// For clean up
+			instance.keyDownFn = keyDownFn;
+
+			output.push(
+				'<span class="cke_rcombo" role="presentation">',
+				'<span id=', id );
+
+			if ( this.className )
+				output.push( ' class="', this.className, ' cke_off"');
+
+			output.push(
+				' role="presentation">',
+					'<span id="' + id+ '_label" class=cke_label>', this.label, '</span>',
+					'<a hidefocus=true title="', this.title, '" tabindex="-1"',
+						env.gecko && env.version >= 10900 && !env.hc ? '' : ' href="javascript:void(\'' + this.label + '\')"',
+						' role="button" aria-labelledby="', id , '_label" aria-describedby="', id, '_text" aria-haspopup="true"' );
+
+			// Some browsers don't cancel key events in the keydown but in the
+			// keypress.
+			// TODO: Check if really needed for Gecko+Mac.
+			if ( CKEDITOR.env.opera || ( CKEDITOR.env.gecko && CKEDITOR.env.mac ) )
+			{
+				output.push(
+					' onkeypress="return false;"' );
+			}
+
+			// With Firefox, we need to force it to redraw, otherwise it
+			// will remain in the focus state.
+			if ( CKEDITOR.env.gecko )
+			{
+				output.push(
+					' onblur="this.style.cssText = this.style.cssText;"' );
+			}
+
+			output.push(
+					' onkeydown="CKEDITOR.tools.callFunction( ', keyDownFn, ', event, this );"' +
+					' onfocus="return CKEDITOR.tools.callFunction(', focusFn, ', event);" ' +
+					( CKEDITOR.env.ie ? 'onclick="return false;" onmouseup' : 'onclick' ) +		// #188
+						'="CKEDITOR.tools.callFunction(', clickFn, ', this); return false;">' +
+						'<span>' +
+							'<span id="' + id + '_text" class="cke_text cke_inline_label">' + this.label + '</span>' +
+						'</span>' +
+						'<span class=cke_openbutton><span class=cke_icon>' + ( CKEDITOR.env.hc ? '&#9660;' : CKEDITOR.env.air ?  '&nbsp;' : '' ) + '</span></span>' +	// BLACK DOWN-POINTING TRIANGLE
+					'</a>' +
+				'</span>' +
+				'</span>' );
+
+			if ( this.onRender )
+				this.onRender();
+
+			return instance;
+		},
+
+		createPanel : function( editor )
+		{
+			if ( this._.panel )
+				return;
+
+			var panelDefinition = this._.panelDefinition,
+				panelBlockDefinition = this._.panelDefinition.block,
+				panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),
+				panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),
+				list = panel.addListBlock( this.id, panelBlockDefinition ),
+				me = this;
+
+			panel.onShow = function()
+				{
+					if ( me.className )
+						this.element.getFirst().addClass( me.className + '_panel' );
+
+					me.setState( CKEDITOR.TRISTATE_ON );
+
+					list.focus( !me.multiSelect && me.getValue() );
+
+					me._.on = 1;
+
+					if ( me.onOpen )
+						me.onOpen();
+				};
+
+			panel.onHide = function( preventOnClose )
+				{
+					if ( me.className )
+						this.element.getFirst().removeClass( me.className + '_panel' );
+
+					me.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+
+					me._.on = 0;
+
+					if ( !preventOnClose && me.onClose )
+						me.onClose();
+				};
+
+			panel.onEscape = function()
+				{
+					panel.hide();
+				};
+
+			list.onClick = function( value, marked )
+				{
+					// Move the focus to the main windows, otherwise it will stay
+					// into the floating panel, even if invisible, and Safari and
+					// Opera will go a bit crazy.
+					me.document.getWindow().focus();
+
+					if ( me.onClick )
+						me.onClick.call( me, value, marked );
+
+					if ( marked )
+						me.setValue( value, me._.items[ value ] );
+					else
+						me.setValue( '' );
+
+					panel.hide( false );
+				};
+
+			this._.panel = panel;
+			this._.list = list;
+
+			panel.getBlock( this.id ).onHide = function()
+				{
+					me._.on = 0;
+					me.setState( CKEDITOR.TRISTATE_OFF );
+				};
+
+			if ( this.init )
+				this.init();
+		},
+
+		setValue : function( value, text )
+		{
+			this._.value = value;
+
+			var textElement = this.document.getById( 'cke_' + this.id + '_text' );
+			if ( textElement )
+			{
+				if ( !( value || text ) )
+				{
+					text = this.label;
+					textElement.addClass( 'cke_inline_label' );
+				}
+				else
+					textElement.removeClass( 'cke_inline_label' );
+
+				textElement.setHtml( typeof text != 'undefined' ? text : value );
+			}
+		},
+
+		getValue : function()
+		{
+			return this._.value || '';
+		},
+
+		unmarkAll : function()
+		{
+			this._.list.unmarkAll();
+		},
+
+		mark : function( value )
+		{
+			this._.list.mark( value );
+		},
+
+		hideItem : function( value )
+		{
+			this._.list.hideItem( value );
+		},
+
+		hideGroup : function( groupTitle )
+		{
+			this._.list.hideGroup( groupTitle );
+		},
+
+		showAll : function()
+		{
+			this._.list.showAll();
+		},
+
+		add : function( value, html, text )
+		{
+			this._.items[ value ] = text || value;
+			this._.list.add( value, html, text );
+		},
+
+		startGroup : function( title )
+		{
+			this._.list.startGroup( title );
+		},
+
+		commit : function()
+		{
+			if ( !this._.committed )
+			{
+				this._.list.commit();
+				this._.committed = 1;
+				CKEDITOR.ui.fire( 'ready', this );
+			}
+			this._.committed = 1;
+		},
+
+		setState : function( state )
+		{
+			if ( this._.state == state )
+				return;
+
+			this.document.getById( 'cke_' + this.id ).setState( state );
+
+			this._.state = state;
+		}
+	}
+});
+
+CKEDITOR.ui.prototype.addRichCombo = function( name, definition )
+{
+	this.add( name, CKEDITOR.UI_RICHCOMBO, definition );
+};