Initial commit

[perso/Immae/Projets/packagist/piedsjaloux-ckeditor-component.git] / sources / plugins / showborders / plugin.js

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