mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-08-18 20:39:13 +02:00
Committed CKEditor 3.2.1 stock version
This commit is contained in:
Andreas Stöckel
186
phpgwapi/js/ckeditor3/_source/plugins/clipboard/dialogs/paste.js
Normal file
186
phpgwapi/js/ckeditor3/_source/plugins/clipboard/dialogs/paste.js
Normal file
@@ -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 );
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
});
|
||||
379
phpgwapi/js/ckeditor3/_source/plugins/clipboard/plugin.js
Normal file
379
phpgwapi/js/ckeditor3/_source/plugins/clipboard/plugin.js
Normal file
@@ -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.
|
||||
*/
|
||||
Reference in New Issue
Block a user