RubyGems - ckeditor - Versions diffs - 3.2.1 - Mend

ckeditor 3.2.1

Files changed (634) hide show

data/lib/generators/templates/ckeditor/_source/plugins/clipboard/dialogs/paste.js ADDED

@@ -0,0 +1,186 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+CKEDITOR.dialog.add( 'paste', function( editor )
+{
+	var lang = editor.lang.clipboard;
+	var isCustomDomain = CKEDITOR.env.isCustomDomain();
+	function onPasteFrameLoad( win )
+	{
+		var doc =  new CKEDITOR.dom.document( win.document ),
+			$ = doc.$;
+		doc.getById( "cke_actscrpt" ).remove();
+		CKEDITOR.env.ie ?
+			$.body.contentEditable = "true" :
+			$.designMode = "on";
+		CKEDITOR.env.ie && doc.getWindow().on( 'blur', function()
+		{
+			 $.body.contentEditable = "false";
+		} );
+		doc.on( "keydown", function( e )
+		{
+			var domEvent = e.data,
+				key = domEvent.getKeystroke(),
+				processed;
+			switch( key )
+			{
+				case 27 :
+					this.hide();
+					processed = 1;
+					break;
+				case 9 :
+				case CKEDITOR.SHIFT + 9 :
+					this.changeFocus( true );
+					processed = 1;
+			}
+			processed && domEvent.preventDefault();
+		}, this );
+		editor.fire( 'ariaWidget', new CKEDITOR.dom.element( win.frameElement ) );
+	}
+	return {
+		title : lang.title,
+		minWidth : CKEDITOR.env.ie && CKEDITOR.env.quirks ? 370 : 350,
+		minHeight : CKEDITOR.env.quirks ? 250 : 245,
+		onShow : function()
+		{
+			// FIREFOX BUG: Force the browser to render the dialog to make the to-be-
+			// inserted iframe editable. (#3366)
+			this.parts.dialog.$.offsetHeight;
+			var htmlToLoad = '<!doctype html><html><head><style>body { margin: 3px; height: 95%; } </style></head><body>' +
+							 '<script id="cke_actscrpt" type="text/javascript">' +
+							 'window.parent.CKEDITOR.tools.callFunction( ' + CKEDITOR.tools.addFunction( onPasteFrameLoad, this ) + ', this );' +
+							 '</script></body></html>';
+			var iframe = CKEDITOR.dom.element.createFromHtml(
+						'<iframe' +
+						' frameborder="0" ' +
+						' allowTransparency="true"' +
+						// Support for custom document.domain in IE.
+						( isCustomDomain ?
+							' src="javascript:void((function(){' +
+								'document.open();' +
+								'document.domain=\'' + document.domain + '\';' +
+								'document.close();' +
+							'})())"' : '' ) +
+						' role="region"' +
+						' aria-label="' + lang.pasteArea + '"' +
+						' aria-describedby="' + this.getContentElement( 'general', 'pasteMsg' ).domId + '"' +
+						' aria-multiple="true"' +
+						'></iframe>' );
+			iframe.on( 'load', function( e )
+			{
+				e.removeListener();
+				var doc = iframe.getFrameDocument().$;
+				// Custom domain handling is needed after each document.open().
+				doc.open();
+				if ( isCustomDomain )
+					doc.domain = document.domain;
+				doc.write( htmlToLoad );
+				doc.close();
+			}, this );
+			iframe.setStyles(
+				{
+					width : '346px',
+					height : '130px',
+					'background-color' : 'white',
+					border : '1px solid black'
+				} );
+			iframe.setCustomData( 'dialog', this );
+			var field = this.getContentElement( 'general', 'editing_area' ),
+				container = field.getElement();
+			container.setHtml( '' );
+			container.append( iframe );
+			field.getInputElement = function(){ return iframe; };
+			// Force container to scale in IE.
+			if ( CKEDITOR.env.ie )
+			{
+				container.setStyle( 'display', 'block' );
+				container.setStyle( 'height', ( iframe.$.offsetHeight + 2 ) + 'px' );
+			}
+		},
+		onHide : function()
+		{
+			if ( CKEDITOR.env.ie )
+				this.getParentEditor().document.getBody().$.contentEditable = 'true';
+		},
+		onLoad : function()
+		{
+			if ( ( CKEDITOR.env.ie7Compat || CKEDITOR.env.ie6Compat ) && editor.lang.dir == 'rtl' )
+				this.parts.contents.setStyle( 'overflow', 'hidden' );
+		},
+		onOk : function()
+		{
+			var container = this.getContentElement( 'general', 'editing_area' ).getElement(),
+				iframe = container.getElementsByTag( 'iframe' ).getItem( 0 ),
+				editor = this.getParentEditor(),
+				html = iframe.$.contentWindow.document.body.innerHTML;
+			setTimeout( function(){
+				editor.fire( 'paste', { 'html' : html } );
+			}, 0 );
+		},
+		contents : [
+			{
+				id : 'general',
+				label : editor.lang.common.generalTab,
+				elements : [
+					{
+						type : 'html',
+						id : 'securityMsg',
+						html : '<div style="white-space:normal;width:340px;">' + lang.securityMsg + '</div>'
+					},
+					{
+						type : 'html',
+						id : 'pasteMsg',
+						html : '<div style="white-space:normal;width:340px;">'+lang.pasteMsg +'</div>'
+					},
+					{
+						type : 'html',
+						id : 'editing_area',
+						style : 'width: 100%; height: 100%;',
+						html : '',
+						focus : function()
+						{
+							var win = this.getInputElement().$.contentWindow,
+								 body = win && win.document.body;
+							// #3291 : JAWS needs the 500ms delay to detect that the editor iframe
+							// iframe is no longer editable. So that it will put the focus into the
+							// Paste from Word dialog's editable area instead.
+							setTimeout( function()
+							{
+								// Reactivate design mode for IE to make the cursor blinking.
+								CKEDITOR.env.ie && body && ( body.contentEditable = "true" );
+								win.focus();
+							}, 500 );
+						}
+					}
+				]
+			}
+		]
+	};
+});

data/lib/generators/templates/ckeditor/_source/plugins/clipboard/plugin.js ADDED

@@ -0,0 +1,379 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+/**
+ * @file Clipboard support
+ */
+(function()
+{
+	// Tries to execute any of the paste, cut or copy commands in IE. Returns a
+	// boolean indicating that the operation succeeded.
+	var execIECommand = function( editor, command )
+	{
+		var doc = editor.document,
+			body = doc.getBody();
+		var	enabled = false;
+		var onExec = function()
+		{
+			enabled = true;
+		};
+		// The following seems to be the only reliable way to detect that
+		// clipboard commands are enabled in IE. It will fire the
+		// onpaste/oncut/oncopy events only if the security settings allowed
+		// the command to execute.
+		body.on( command, onExec );
+		// IE6/7: document.execCommand has problem to paste into positioned element.
+		( CKEDITOR.env.version > 7 ? doc.$ : doc.$.selection.createRange() ) [ 'execCommand' ]( command );
+		body.removeListener( command, onExec );
+		return enabled;
+	};
+	// Attempts to execute the Cut and Copy operations.
+	var tryToCutCopy =
+		CKEDITOR.env.ie ?
+			function( editor, type )
+			{
+				return execIECommand( editor, type );
+			}
+		:		// !IE.
+			function( editor, type )
+			{
+				try
+				{
+					// Other browsers throw an error if the command is disabled.
+					return editor.document.$.execCommand( type );
+				}
+				catch( e )
+				{
+					return false;
+				}
+			};
+	// A class that represents one of the cut or copy commands.
+	var cutCopyCmd = function( type )
+	{
+		this.type = type;
+		this.canUndo = ( this.type == 'cut' );		// We can't undo copy to clipboard.
+	};
+	cutCopyCmd.prototype =
+	{
+		exec : function( editor, data )
+		{
+			var success = tryToCutCopy( editor, this.type );
+			if ( !success )
+				alert( editor.lang.clipboard[ this.type + 'Error' ] );		// Show cutError or copyError.
+			return success;
+		}
+	};
+	// Paste command.
+	var pasteCmd =
+	{
+		canUndo : false,
+		exec :
+			CKEDITOR.env.ie ?
+				function( editor )
+				{
+					// Prevent IE from pasting at the begining of the document.
+					editor.focus();
+					if ( !editor.document.getBody().fire( 'beforepaste' )
+						 && !execIECommand( editor, 'paste' ) )
+					{
+						editor.fire( 'pasteDialog' );
+						return false;
+					}
+				}
+			:
+				function( editor )
+				{
+					try
+					{
+						if ( !editor.document.getBody().fire( 'beforepaste' )
+							 && !editor.document.$.execCommand( 'Paste', false, null ) )
+						{
+							throw 0;
+						}
+					}
+					catch ( e )
+					{
+						setTimeout( function()
+							{
+								editor.fire( 'pasteDialog' );
+							}, 0 );
+						return false;
+					}
+				}
+	};
+	// Listens for some clipboard related keystrokes, so they get customized.
+	var onKey = function( event )
+	{
+		if ( this.mode != 'wysiwyg' )
+			return;
+		switch ( event.data.keyCode )
+		{
+			// Paste
+			case CKEDITOR.CTRL + 86 :		// CTRL+V
+			case CKEDITOR.SHIFT + 45 :		// SHIFT+INS
+				var body = this.document.getBody();
+				// Simulate 'beforepaste' event for all none-IEs.
+				if ( !CKEDITOR.env.ie && body.fire( 'beforepaste' ) )
+					event.cancel();
+				// Simulate 'paste' event for Opera/Firefox2.
+				else if ( CKEDITOR.env.opera
+						 || CKEDITOR.env.gecko && CKEDITOR.env.version < 10900 )
+					body.fire( 'paste' );
+				return;
+			// Cut
+			case CKEDITOR.CTRL + 88 :		// CTRL+X
+			case CKEDITOR.SHIFT + 46 :		// SHIFT+DEL
+				// Save Undo snapshot.
+				var editor = this;
+				this.fire( 'saveSnapshot' );		// Save before paste
+				setTimeout( function()
+					{
+						editor.fire( 'saveSnapshot' );		// Save after paste
+					}, 0 );
+		}
+	};
+	// Allow to peek clipboard content by redirecting the
+	// pasting content into a temporary bin and grab the content of it.
+	function getClipboardData( evt, mode, callback )
+	{
+		var doc = this.document;
+		// Avoid recursions on 'paste' event for IE.
+		if ( CKEDITOR.env.ie && doc.getById( 'cke_pastebin' ) )
+			return;
+		// If the browser supports it, get the data directly
+		if (mode == 'text' && evt.data && evt.data.$.clipboardData)
+		{
+			// evt.data.$.clipboardData.types contains all the flavours in Mac's Safari, but not on windows.
+			var plain = evt.data.$.clipboardData.getData( 'text/plain' );
+			if (plain)
+			{
+				evt.data.preventDefault();
+				callback( plain );
+				return;
+			}
+		}
+		var sel = this.getSelection(),
+			range = new CKEDITOR.dom.range( doc );
+		// Create container to paste into
+		var pastebin = new CKEDITOR.dom.element( mode == 'text' ? 'textarea' : 'div', doc );
+		pastebin.setAttribute( 'id', 'cke_pastebin' );
+		// Safari requires a filler node inside the div to have the content pasted into it. (#4882)
+		CKEDITOR.env.webkit && pastebin.append( doc.createText( '\xa0' ) );
+		doc.getBody().append( pastebin );
+		// It's definitely a better user experience if we make the paste-bin pretty unnoticed
+		// by pulling it off the screen.
+		pastebin.setStyles(
+			{
+				position : 'absolute',
+				left : '-1000px',
+				// Position the bin exactly at the position of the selected element
+				// to avoid any subsequent document scroll.
+				top : sel.getStartElement().getDocumentPosition().y + 'px',
+				width : '1px',
+				height : '1px',
+				overflow : 'hidden'
+			});
+		var bms = sel.createBookmarks();
+		// Turn off design mode temporarily before give focus to the paste bin.
+		if ( mode == 'text' )
+		{
+			if ( CKEDITOR.env.ie )
+			{
+				var ieRange = doc.getBody().$.createTextRange();
+				ieRange.moveToElementText( pastebin.$ );
+				ieRange.execCommand( 'Paste' );
+				evt.data.preventDefault();
+			}
+			else
+			{
+				doc.$.designMode = 'off';
+				pastebin.$.focus();
+			}
+		}
+		else
+		{
+			range.setStartAt( pastebin, CKEDITOR.POSITION_AFTER_START );
+			range.setEndAt( pastebin, CKEDITOR.POSITION_BEFORE_END );
+			range.select( true );
+		}
+		// Wait a while and grab the pasted contents
+		window.setTimeout( function()
+		{
+			mode == 'text' && !CKEDITOR.env.ie && ( doc.$.designMode = 'on' );
+			pastebin.remove();
+			// Grab the HTML contents.
+			// We need to look for a apple style wrapper on webkit it also adds
+			// a div wrapper if you copy/paste the body of the editor.
+			// Remove hidden div and restore selection.
+			var bogusSpan;
+			pastebin = ( CKEDITOR.env.webkit
+						 && ( bogusSpan = pastebin.getFirst() )
+						 && ( bogusSpan.is && bogusSpan.hasClass( 'Apple-style-span' ) ) ?
+							bogusSpan : pastebin );
+			sel.selectBookmarks( bms );
+			callback( pastebin[ 'get' + ( mode == 'text' ? 'Value' : 'Html' ) ]() );
+		}, 0 );
+	}
+	// Register the plugin.
+	CKEDITOR.plugins.add( 'clipboard',
+		{
+			requires : [ 'dialog', 'htmldataprocessor' ],
+			init : function( editor )
+			{
+				// Inserts processed data into the editor at the end of the
+				// events chain.
+				editor.on( 'paste', function( evt )
+					{
+						var data = evt.data;
+						if ( data[ 'html' ] )
+							editor.insertHtml( data[ 'html' ] );
+						else if ( data[ 'text' ] )
+							editor.insertText( data[ 'text' ] );
+					}, null, null, 1000 );
+				editor.on( 'pasteDialog', function( evt )
+					{
+						setTimeout( function()
+						{
+							// Open default paste dialog.
+							editor.openDialog( 'paste' );
+						}, 0 );
+					});
+				function addButtonCommand( buttonName, commandName, command, ctxMenuOrder )
+				{
+					var lang = editor.lang[ commandName ];
+					editor.addCommand( commandName, command );
+					editor.ui.addButton( buttonName,
+						{
+							label : lang,
+							command : commandName
+						});
+					// If the "menu" plugin is loaded, register the menu item.
+					if ( editor.addMenuItems )
+					{
+						editor.addMenuItem( commandName,
+							{
+								label : lang,
+								command : commandName,
+								group : 'clipboard',
+								order : ctxMenuOrder
+							});
+					}
+				}
+				addButtonCommand( 'Cut', 'cut', new cutCopyCmd( 'cut' ), 1 );
+				addButtonCommand( 'Copy', 'copy', new cutCopyCmd( 'copy' ), 4 );
+				addButtonCommand( 'Paste', 'paste', pasteCmd, 8 );
+				CKEDITOR.dialog.add( 'paste', CKEDITOR.getUrl( this.path + 'dialogs/paste.js' ) );
+				editor.on( 'key', onKey, editor );
+				var mode = editor.config.forcePasteAsPlainText ? 'text' : 'html';
+				// We'll be catching all pasted content in one line, regardless of whether the
+				// it's introduced by a document command execution (e.g. toolbar buttons) or
+				// user paste behaviors. (e.g. Ctrl-V)
+				editor.on( 'contentDom', function()
+				{
+					var body = editor.document.getBody();
+					body.on( ( (mode == 'text' && CKEDITOR.env.ie) || CKEDITOR.env.webkit ) ? 'paste' : 'beforepaste',
+						function( evt )
+						{
+							if ( depressBeforePasteEvent )
+								return;
+							getClipboardData.call( editor, evt, mode, function ( data )
+							{
+								// The very last guard to make sure the
+								// paste has successfully happened.
+								if ( !data )
+									return;
+								var dataTransfer = {};
+								dataTransfer[ mode ] = data;
+								editor.fire( 'paste', dataTransfer );
+							} );
+						});
+				});
+				// If the "contextmenu" plugin is loaded, register the listeners.
+				if ( editor.contextMenu )
+				{
+					var depressBeforePasteEvent;
+					function stateFromNamedCommand( command )
+					{
+						// IE Bug: queryCommandEnabled('paste') fires also 'beforepaste',
+						// guard to distinguish from the ordinary sources( either
+						// keyboard paste or execCommand ) (#4874).
+						CKEDITOR.env.ie && command == 'Paste'&& ( depressBeforePasteEvent = 1 );
+						var retval = editor.document.$.queryCommandEnabled( command ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED;
+						depressBeforePasteEvent = 0;
+						return retval;
+					}
+					editor.contextMenu.addListener( function()
+						{
+							return {
+								cut : stateFromNamedCommand( 'Cut' ),
+								// Browser bug: 'Cut' has the correct states for both Copy and Cut.
+								copy : stateFromNamedCommand( 'Cut' ),
+								paste : CKEDITOR.env.webkit ? CKEDITOR.TRISTATE_OFF : stateFromNamedCommand( 'Paste' )
+							};
+						});
+				}
+			}
+		});
+})();
+/**
+ * Fired when a clipboard operation is about to be taken into the editor.
+ * Listeners can manipulate the data to be pasted before having it effectively
+ * inserted into the document.
+ * @name CKEDITOR.editor#paste
+ * @since 3.1
+ * @event
+ * @param {String} [data.html] The HTML data to be pasted. If not available, e.data.text will be defined.
+ * @param {String} [data.text] The plain text data to be pasted, available when plain text operations are to used. If not available, e.data.html will be defined.
+ */