ckeditor 3.4.3 → 3.5.0

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

@@ -0,0 +1,156 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * @fileOverview The "showblocks" plugin. Enable it will make all block level
+ *               elements being decorated with a border and the element name
+ *               displayed on the left-right corner.
+ */
+
+(function()
+{
+	var cssTemplate = '.%2 p,'+
+		'.%2 div,'+
+		'.%2 pre,'+
+		'.%2 address,'+
+		'.%2 blockquote,'+
+		'.%2 h1,'+
+		'.%2 h2,'+
+		'.%2 h3,'+
+		'.%2 h4,'+
+		'.%2 h5,'+
+		'.%2 h6'+
+		'{'+
+			'background-repeat: no-repeat;'+
+			'background-position: top %3;'+
+			'border: 1px dotted gray;'+
+			'padding-top: 8px;'+
+			'padding-%3: 8px;'+
+		'}'+
+
+		'.%2 p'+
+		'{'+
+			'%1p.png);'+
+		'}'+
+
+		'.%2 div'+
+		'{'+
+			'%1div.png);'+
+		'}'+
+
+		'.%2 pre'+
+		'{'+
+			'%1pre.png);'+
+		'}'+
+
+		'.%2 address'+
+		'{'+
+			'%1address.png);'+
+		'}'+
+
+		'.%2 blockquote'+
+		'{'+
+			'%1blockquote.png);'+
+		'}'+
+
+		'.%2 h1'+
+		'{'+
+			'%1h1.png);'+
+		'}'+
+
+		'.%2 h2'+
+		'{'+
+			'%1h2.png);'+
+		'}'+
+
+		'.%2 h3'+
+		'{'+
+			'%1h3.png);'+
+		'}'+
+
+		'.%2 h4'+
+		'{'+
+			'%1h4.png);'+
+		'}'+
+
+		'.%2 h5'+
+		'{'+
+			'%1h5.png);'+
+		'}'+
+
+		'.%2 h6'+
+		'{'+
+			'%1h6.png);'+
+		'}';
+
+	var cssTemplateRegex = /%1/g, cssClassRegex = /%2/g, backgroundPositionRegex = /%3/g;
+
+	var commandDefinition =
+	{
+		preserveState : true,
+		editorFocus : false,
+
+		exec : function ( editor )
+		{
+			this.toggleState();
+			this.refresh( editor );
+		},
+
+		refresh : function( editor )
+		{
+			var funcName = ( this.state == CKEDITOR.TRISTATE_ON ) ? 'addClass' : 'removeClass';
+			editor.document.getBody()[ funcName ]( 'cke_show_blocks' );
+		}
+	};
+
+	CKEDITOR.plugins.add( 'showblocks',
+	{
+		requires : [ 'wysiwygarea' ],
+
+		init : function( editor )
+		{
+			var command = editor.addCommand( 'showblocks', commandDefinition );
+			command.canUndo = false;
+
+			if ( editor.config.startupOutlineBlocks )
+				command.setState( CKEDITOR.TRISTATE_ON );
+
+			editor.addCss( cssTemplate
+				.replace( cssTemplateRegex, 'background-image: url(' + CKEDITOR.getUrl( this.path ) + 'images/block_' )
+				.replace( cssClassRegex, 'cke_show_blocks ' )
+				.replace( backgroundPositionRegex, editor.lang.dir == 'rtl' ? 'right' : 'left' ) );
+
+			editor.ui.addButton( 'ShowBlocks',
+				{
+					label : editor.lang.showBlocks,
+					command : 'showblocks'
+				});
+
+			// Refresh the command on setData.
+			editor.on( 'mode', function()
+				{
+					if ( command.state != CKEDITOR.TRISTATE_DISABLED )
+						command.refresh( editor );
+				});
+
+			// Refresh the command on setData.
+			editor.on( 'contentDom', function()
+				{
+					if ( command.state != CKEDITOR.TRISTATE_DISABLED )
+						command.refresh( editor );
+				});
+		}
+	});
+} )();
+
+/**
+ * Whether to automaticaly enable the "show block" command when the editor
+ * loads. (StartupShowBlocks in FCKeditor)
+ * @name CKEDITOR.config.startupOutlineBlocks
+ * @type Boolean
+ * @default false
+ * @example
+ * config.startupOutlineBlocks = true;
+ */

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

@@ -0,0 +1,203 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * @fileOverview The "show border" plugin. The command display visible outline
+ * border line around all table elements if table doesn't have a none-zero 'border' attribute specified.
+ */
+
+(function()
+{
+	var showBorderClassName = 'cke_show_border',
+		cssStyleText,
+		cssTemplate =
+		// TODO: For IE6, we don't have child selector support,
+		// where nested table cells could be incorrect.
+		( CKEDITOR.env.ie6Compat ?
+		  [
+			'.%1 table.%2,',
+			 '.%1 table.%2 td, .%1 table.%2 th,',
+			 '{',
+				'border : #d3d3d3 1px dotted',
+			 '}'
+		  ] :
+		  [
+			 '.%1 table.%2,',
+			 '.%1 table.%2 > tr > td, .%1 table.%2 > tr > th,',
+			 '.%1 table.%2 > tbody > tr > td, .%1 table.%2 > tbody > tr > th,',
+			 '.%1 table.%2 > thead > tr > td, .%1 table.%2 > thead > tr > th,',
+			 '.%1 table.%2 > tfoot > tr > td, .%1 table.%2 > tfoot > tr > th',
+			 '{',
+				'border : #d3d3d3 1px dotted',
+			 '}'
+		  ] ).join( '' );
+
+	cssStyleText = cssTemplate.replace( /%2/g, showBorderClassName ).replace( /%1/g, 'cke_show_borders ' );
+
+	var commandDefinition =
+	{
+		preserveState : true,
+		editorFocus : false,
+
+		exec : function ( editor )
+		{
+			this.toggleState();
+			this.refresh( editor );
+		},
+
+		refresh : function( editor )
+		{
+			var funcName = ( this.state == CKEDITOR.TRISTATE_ON ) ? 'addClass' : 'removeClass';
+			editor.document.getBody()[ funcName ]( 'cke_show_borders' );
+		}
+	};
+
+	CKEDITOR.plugins.add( 'showborders',
+	{
+		requires : [ 'wysiwygarea' ],
+		modes : { 'wysiwyg' : 1 },
+
+		init : function( editor )
+		{
+
+			var command = editor.addCommand( 'showborders', commandDefinition );
+			command.canUndo = false;
+
+			if ( editor.config.startupShowBorders !== false )
+				command.setState( CKEDITOR.TRISTATE_ON );
+
+			editor.addCss( cssStyleText );
+
+			// Refresh the command on setData.
+			editor.on( 'mode', function()
+				{
+					if ( command.state != CKEDITOR.TRISTATE_DISABLED )
+						command.refresh( editor );
+				}, null, null, 100 );
+
+			// Refresh the command on wysiwyg frame reloads.
+			editor.on( 'contentDom', function()
+				{
+					if ( command.state != CKEDITOR.TRISTATE_DISABLED )
+						command.refresh( editor );
+				});
+
+			editor.on( 'removeFormatCleanup', function( evt )
+				{
+					var element = evt.data;
+					if ( editor.getCommand( 'showborders' ).state == CKEDITOR.TRISTATE_ON &&
+						element.is( 'table' ) && ( !element.hasAttribute( 'border' ) || parseInt( element.getAttribute( 'border' ), 10 ) <= 0 ) )
+							element.addClass( showBorderClassName );
+				});
+		},
+
+		afterInit : function( editor )
+		{
+			var dataProcessor = editor.dataProcessor,
+				dataFilter = dataProcessor && dataProcessor.dataFilter,
+				htmlFilter = dataProcessor && dataProcessor.htmlFilter;
+
+			if ( dataFilter )
+			{
+				dataFilter.addRules(
+					{
+						elements :
+						{
+							'table' : function( element )
+							{
+								var attributes = element.attributes,
+									cssClass = attributes[ 'class' ],
+									border = parseInt( attributes.border, 10 );
+
+								if ( !border || border <= 0 )
+									attributes[ 'class' ] = ( cssClass || '' ) + ' ' + showBorderClassName;
+							}
+						}
+					} );
+			}
+
+			if ( htmlFilter )
+			{
+				htmlFilter.addRules(
+				{
+					elements :
+					{
+						'table' : function( table )
+						{
+							var attributes = table.attributes,
+								cssClass = attributes[ 'class' ];
+
+							cssClass && ( attributes[ 'class' ] =
+							              cssClass.replace( showBorderClassName, '' )
+									              .replace( /\s{2}/, ' ' )
+												  .replace( /^\s+|\s+$/, '' ) );
+						}
+					}
+				} );
+			}
+		}
+	});
+
+	// Table dialog must be aware of it.
+	CKEDITOR.on( 'dialogDefinition', function( ev )
+	{
+		var dialogName = ev.data.name;
+
+		if ( dialogName == 'table' || dialogName == 'tableProperties' )
+		{
+			var dialogDefinition = ev.data.definition,
+				infoTab = dialogDefinition.getContents( 'info' ),
+				borderField = infoTab.get( 'txtBorder' ),
+				originalCommit = borderField.commit;
+
+			borderField.commit = CKEDITOR.tools.override( originalCommit, function( org )
+			{
+				return function( data, selectedTable )
+					{
+						org.apply( this, arguments );
+						var value = parseInt( this.getValue(), 10 );
+						selectedTable[ ( !value || value <= 0 ) ? 'addClass' : 'removeClass' ]( showBorderClassName );
+					};
+			} );
+
+			var advTab = dialogDefinition.getContents( 'advanced' ),
+				classField = advTab && advTab.get( 'advCSSClasses' );
+
+			if ( classField )
+			{
+				classField.setup = CKEDITOR.tools.override( classField.setup, function( originalSetup )
+					{
+						return function()
+							{
+								originalSetup.apply( this, arguments );
+								this.setValue( this.getValue().replace( /cke_show_border/, '' ) );
+							};
+					});
+
+				classField.commit = CKEDITOR.tools.override( classField.commit, function( originalCommit )
+					{
+						return function( data, element )
+							{
+								originalCommit.apply( this, arguments );
+
+								if ( !parseInt( element.getAttribute( 'border' ), 10 ) )
+									element.addClass( 'cke_show_border' );
+							};
+					});
+			}
+		}
+	});
+
+} )();
+
+/**
+ * Whether to automatically enable the "show borders" command when the editor loads.
+ * (ShowBorders in FCKeditor)
+ * @name CKEDITOR.config.startupShowBorders
+ * @type Boolean
+ * @default true
+ * @example
+ * config.startupShowBorders = false;
+ */

data/lib/generators/ckeditor/base/templates/ckeditor/_source/plugins/smiley/dialogs/smiley.js

@@ -0,0 +1,223 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.dialog.add( 'smiley', function( editor )
+{
+	var config = editor.config,
+		lang = editor.lang.smiley,
+		images = config.smiley_images,
+		columns = config.smiley_columns || 8,
+		i;
+
+	/**
+	 * Simulate "this" of a dialog for non-dialog events.
+	 * @type {CKEDITOR.dialog}
+	 */
+	var dialog;
+	var onClick = function( evt )
+	{
+		var target = evt.data.getTarget(),
+			targetName = target.getName();
+
+		if ( targetName == 'a' )
+			target = target.getChild( 0 );
+		else if ( targetName != 'img' )
+			return;
+
+		var src = target.getAttribute( 'cke_src' ),
+			title = target.getAttribute( 'title' );
+
+		var img = editor.document.createElement( 'img',
+			{
+				attributes :
+				{
+					src : src,
+					'data-cke-saved-src' : src,
+					title : title,
+					alt : title,
+					width : target.$.width,
+					height : target.$.height
+				}
+			});
+
+		editor.insertElement( img );
+
+		dialog.hide();
+		evt.data.preventDefault();
+	};
+
+	var onKeydown = CKEDITOR.tools.addFunction( function( ev, element )
+	{
+		ev = new CKEDITOR.dom.event( ev );
+		element = new CKEDITOR.dom.element( element );
+		var relative, nodeToMove;
+
+		var keystroke = ev.getKeystroke(),
+			rtl = editor.lang.dir == 'rtl';
+		switch ( keystroke )
+		{
+			// UP-ARROW
+			case 38 :
+				// relative is TR
+				if ( ( relative = element.getParent().getParent().getPrevious() ) )
+				{
+					nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] );
+					nodeToMove.focus();
+				}
+				ev.preventDefault();
+				break;
+			// DOWN-ARROW
+			case 40 :
+				// relative is TR
+				if ( ( relative = element.getParent().getParent().getNext() ) )
+				{
+					nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] );
+					if ( nodeToMove )
+						nodeToMove.focus();
+				}
+				ev.preventDefault();
+				break;
+			// ENTER
+			// SPACE
+			case 32 :
+				onClick( { data: ev } );
+				ev.preventDefault();
+				break;
+
+			// RIGHT-ARROW
+			case rtl ? 37 : 39 :
+			// TAB
+			case 9 :
+				// relative is TD
+				if ( ( relative = element.getParent().getNext() ) )
+				{
+					nodeToMove = relative.getChild( 0 );
+					nodeToMove.focus();
+					ev.preventDefault(true);
+				}
+				// relative is TR
+				else if ( ( relative = element.getParent().getParent().getNext() ) )
+				{
+					nodeToMove = relative.getChild( [0, 0] );
+					if ( nodeToMove )
+						nodeToMove.focus();
+					ev.preventDefault(true);
+				}
+				break;
+
+			// LEFT-ARROW
+			case rtl ? 39 : 37 :
+			// SHIFT + TAB
+			case CKEDITOR.SHIFT + 9 :
+				// relative is TD
+				if ( ( relative = element.getParent().getPrevious() ) )
+				{
+					nodeToMove = relative.getChild( 0 );
+					nodeToMove.focus();
+					ev.preventDefault(true);
+				}
+				// relative is TR
+				else if ( ( relative = element.getParent().getParent().getPrevious() ) )
+				{
+					nodeToMove = relative.getLast().getChild( 0 );
+					nodeToMove.focus();
+					ev.preventDefault(true);
+				}
+				break;
+			default :
+				// Do not stop not handled events.
+				return;
+		}
+	});
+
+	// Build the HTML for the smiley images table.
+	var labelId = CKEDITOR.tools.getNextId() + '_smiley_emtions_label';
+	var html =
+	[
+		'<div>' +
+		'<span id="' + labelId + '" class="cke_voice_label">' + lang.options +'</span>',
+		'<table role="listbox" aria-labelledby="' + labelId + '" style="width:100%;height:100%" cellspacing="2" cellpadding="2"',
+		CKEDITOR.env.ie && CKEDITOR.env.quirks ? ' style="position:absolute;"' : '',
+		'><tbody>'
+	];
+
+	var size = images.length;
+	for ( i = 0 ; i < size ; i++ )
+	{
+		if ( i % columns === 0 )
+			html.push( '<tr>' );
+
+		var smileyLabelId = 'cke_smile_label_' + i + '_' + CKEDITOR.tools.getNextNumber();
+		html.push(
+			'<td class="cke_dark_background cke_centered" style="vertical-align: middle;">' +
+				'<a href="javascript:void(0)" role="option"',
+					' aria-posinset="' + ( i +1 ) + '"',
+					' aria-setsize="' + size + '"',
+					' aria-labelledby="' + smileyLabelId + '"',
+					' class="cke_smile cke_hand" tabindex="-1" onkeydown="CKEDITOR.tools.callFunction( ', onKeydown, ', event, this );">',
+					'<img class="cke_hand" title="', config.smiley_descriptions[i], '"' +
+						' cke_src="', CKEDITOR.tools.htmlEncode( config.smiley_path + images[ i ] ), '" alt="', config.smiley_descriptions[i], '"',
+						' src="', CKEDITOR.tools.htmlEncode( config.smiley_path + images[ i ] ), '"',
+						// IE BUG: Below is a workaround to an IE image loading bug to ensure the image sizes are correct.
+						( CKEDITOR.env.ie ? ' onload="this.setAttribute(\'width\', 2); this.removeAttribute(\'width\');" ' : '' ),
+					'>' +
+					'<span id="' + smileyLabelId + '" class="cke_voice_label">' +config.smiley_descriptions[ i ]  + '</span>' +
+				'</a>',
+ 			'</td>' );
+
+		if ( i % columns == columns - 1 )
+			html.push( '</tr>' );
+	}
+
+	if ( i < columns - 1 )
+	{
+		for ( ; i < columns - 1 ; i++ )
+			html.push( '<td></td>' );
+		html.push( '</tr>' );
+	}
+
+	html.push( '</tbody></table></div>' );
+
+	var smileySelector =
+	{
+		type : 'html',
+		html : html.join( '' ),
+		onLoad : function( event )
+		{
+			dialog = event.sender;
+		},
+		focus : function()
+		{
+			var self = this;
+			// IE need a while to move the focus (#6539).
+			setTimeout( function ()
+			{
+				var firstSmile = self.getElement().getElementsByTag( 'a' ).getItem( 0 );
+				firstSmile.focus();
+			}, 0 );
+		},
+		onClick : onClick,
+		style : 'width: 100%; border-collapse: separate;'
+	};
+
+	return {
+		title : editor.lang.smiley.title,
+		minWidth : 270,
+		minHeight : 120,
+		contents : [
+			{
+				id : 'tab1',
+				label : '',
+				title : '',
+				expand : true,
+				padding : 0,
+				elements : [
+						smileySelector
+					]
+			}
+		],
+		buttons : [ CKEDITOR.dialog.cancelButton ]
+	};
+} );