123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
- /**
- * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or http://ckeditor.com/license
- */
- CKEDITOR.plugins.add( 'contextmenu', {
- requires: 'menu',
- // jscs:disable maximumLineLength
- lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
- // jscs:enable maximumLineLength
- // Make sure the base class (CKEDITOR.menu) is loaded before it (#3318).
- onLoad: function() {
- /**
- * Class replacing the non-configurable native context menu with configurable CKEditor's equivalent.
- *
- * @class
- * @extends CKEDITOR.menu
- */
- CKEDITOR.plugins.contextMenu = CKEDITOR.tools.createClass( {
- base: CKEDITOR.menu,
- /**
- * Creates the CKEDITOR.plugins.contextMenu class instance.
- *
- * @constructor
- * @param {CKEDITOR.editor} editor
- */
- $: function( editor ) {
- this.base.call( this, editor, {
- panel: {
- className: 'cke_menu_panel',
- attributes: {
- 'aria-label': editor.lang.contextmenu.options
- }
- }
- } );
- },
- proto: {
- /**
- * Starts watching on native context menu triggers (option key, right click) on given element.
- *
- * @param {CKEDITOR.dom.element} element
- * @param {Boolean} [nativeContextMenuOnCtrl] Whether to open native context menu if
- * *Ctrl* key is hold on opening the context menu. See {@link CKEDITOR.config#browserContextMenuOnCtrl}.
- */
- addTarget: function( element, nativeContextMenuOnCtrl ) {
- element.on( 'contextmenu', function( event ) {
- var domEvent = event.data,
- isCtrlKeyDown =
- // Safari on Windows always show 'ctrlKey' as true in 'contextmenu' event,
- // which make this property unreliable. (#4826)
- ( CKEDITOR.env.webkit ? holdCtrlKey : ( CKEDITOR.env.mac ? domEvent.$.metaKey : domEvent.$.ctrlKey ) );
- if ( nativeContextMenuOnCtrl && isCtrlKeyDown )
- return;
- // Cancel the browser context menu.
- domEvent.preventDefault();
- // Fix selection when non-editable element in Webkit/Blink (Mac) (#11306).
- if ( CKEDITOR.env.mac && CKEDITOR.env.webkit ) {
- var editor = this.editor,
- contentEditableParent = new CKEDITOR.dom.elementPath( domEvent.getTarget(), editor.editable() ).contains( function( el ) {
- // Return when non-editable or nested editable element is found.
- return el.hasAttribute( 'contenteditable' );
- }, true ); // Exclude editor's editable.
- // Fake selection for non-editables only (to exclude nested editables).
- if ( contentEditableParent && contentEditableParent.getAttribute( 'contenteditable' ) == 'false' )
- editor.getSelection().fake( contentEditableParent );
- }
- var doc = domEvent.getTarget().getDocument(),
- offsetParent = domEvent.getTarget().getDocument().getDocumentElement(),
- fromFrame = !doc.equals( CKEDITOR.document ),
- scroll = doc.getWindow().getScrollPosition(),
- offsetX = fromFrame ? domEvent.$.clientX : domEvent.$.pageX || scroll.x + domEvent.$.clientX,
- offsetY = fromFrame ? domEvent.$.clientY : domEvent.$.pageY || scroll.y + domEvent.$.clientY;
- CKEDITOR.tools.setTimeout( function() {
- this.open( offsetParent, null, offsetX, offsetY );
- // IE needs a short while to allow selection change before opening menu. (#7908)
- }, CKEDITOR.env.ie ? 200 : 0, this );
- }, this );
- if ( CKEDITOR.env.webkit ) {
- var holdCtrlKey,
- onKeyDown = function( event ) {
- holdCtrlKey = CKEDITOR.env.mac ? event.data.$.metaKey : event.data.$.ctrlKey;
- },
- resetOnKeyUp = function() {
- holdCtrlKey = 0;
- };
- element.on( 'keydown', onKeyDown );
- element.on( 'keyup', resetOnKeyUp );
- element.on( 'contextmenu', resetOnKeyUp );
- }
- },
- /**
- * Opens context menu in given location. See the {@link CKEDITOR.menu#show} method.
- *
- * @param {CKEDITOR.dom.element} offsetParent
- * @param {Number} [corner]
- * @param {Number} [offsetX]
- * @param {Number} [offsetY]
- */
- open: function( offsetParent, corner, offsetX, offsetY ) {
- this.editor.focus();
- offsetParent = offsetParent || CKEDITOR.document.getDocumentElement();
- // #9362: Force selection check to update commands' states in the new context.
- this.editor.selectionChange( 1 );
- this.show( offsetParent, corner, offsetX, offsetY );
- }
- }
- } );
- },
- beforeInit: function( editor ) {
- /**
- * @readonly
- * @property {CKEDITOR.plugins.contextMenu} contextMenu
- * @member CKEDITOR.editor
- */
- var contextMenu = editor.contextMenu = new CKEDITOR.plugins.contextMenu( editor );
- editor.on( 'contentDom', function() {
- contextMenu.addTarget( editor.editable(), editor.config.browserContextMenuOnCtrl !== false );
- } );
- editor.addCommand( 'contextMenu', {
- exec: function() {
- editor.contextMenu.open( editor.document.getBody() );
- }
- } );
- editor.setKeystroke( CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' );
- editor.setKeystroke( CKEDITOR.CTRL + CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' );
- }
- } );
- /**
- * Whether to show the browser native context menu when the *Ctrl* or
- * *Meta* (Mac) key is pressed on opening the context menu with the
- * right mouse button click or the *Menu* key.
- *
- * config.browserContextMenuOnCtrl = false;
- *
- * @since 3.0.2
- * @cfg {Boolean} [browserContextMenuOnCtrl=true]
- * @member CKEDITOR.config
- */
|