diff options
| author | lsces <lester@lsces.co.uk> | 2012-06-10 19:03:48 +0100 |
|---|---|---|
| committer | lsces <lester@lsces.co.uk> | 2012-06-10 19:03:48 +0100 |
| commit | f3ce03a71d3dd1c7dcbe474197fb1588949735db (patch) | |
| tree | 7c31cd62ef0e2790966f96498e553f22fa4e08d3 /_source/plugins/elementspath/plugin.js | |
| parent | 23b8cf2a890c7de389616702fd23c9c465311a59 (diff) | |
| download | ckeditor-f3ce03a71d3dd1c7dcbe474197fb1588949735db.tar.gz ckeditor-f3ce03a71d3dd1c7dcbe474197fb1588949735db.tar.bz2 ckeditor-f3ce03a71d3dd1c7dcbe474197fb1588949735db.zip | |
Update to CKEditor version 3.6.3
Diffstat (limited to '_source/plugins/elementspath/plugin.js')
| -rw-r--r-- | _source/plugins/elementspath/plugin.js | 422 |
1 files changed, 218 insertions, 204 deletions
diff --git a/_source/plugins/elementspath/plugin.js b/_source/plugins/elementspath/plugin.js index 095c35c..1fb5435 100644 --- a/_source/plugins/elementspath/plugin.js +++ b/_source/plugins/elementspath/plugin.js @@ -1,204 +1,218 @@ -/* -Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/** - * @fileOverview The "elementspath" plugin. It shows all elements in the DOM - * parent tree relative to the current selection in the editing area. - */ - -(function() -{ - var commands = - { - toolbarFocus : - { - exec : function( editor ) - { - var idBase = editor._.elementsPath.idBase; - var element = CKEDITOR.document.getById( idBase + '0' ); - - if ( element ) - element.focus(); - } - } - }; - - var emptyHtml = '<span class="cke_empty"> </span>'; - - CKEDITOR.plugins.add( 'elementspath', - { - requires : [ 'selection' ], - - init : function( editor ) - { - var spaceId = 'cke_path_' + editor.name; - var spaceElement; - var getSpaceElement = function() - { - if ( !spaceElement ) - spaceElement = CKEDITOR.document.getById( spaceId ); - return spaceElement; - }; - - var idBase = 'cke_elementspath_' + CKEDITOR.tools.getNextNumber() + '_'; - - editor._.elementsPath = { idBase : idBase, filters : [] }; - - editor.on( 'themeSpace', function( event ) - { - if ( event.data.space == 'bottom' ) - { - event.data.html += - '<span id="' + spaceId + '_label" class="cke_voice_label">' + editor.lang.elementsPath.eleLabel + '</span>' + - '<div id="' + spaceId + '" class="cke_path" role="group" aria-labelledby="' + spaceId + '_label">' + emptyHtml + '</div>'; - } - }); - - editor.on( 'selectionChange', function( ev ) - { - var env = CKEDITOR.env, - selection = ev.data.selection, - element = selection.getStartElement(), - html = [], - editor = ev.editor, - elementsList = editor._.elementsPath.list = [], - filters = editor._.elementsPath.filters; - - while ( element ) - { - var ignore = 0; - for ( var i = 0; i < filters.length; i++ ) - { - if ( filters[ i ]( element ) === false ) - { - ignore = 1; - break; - } - } - - if ( !ignore ) - { - var index = elementsList.push( element ) - 1; - var name; - if ( element.getAttribute( '_cke_real_element_type' ) ) - name = element.getAttribute( '_cke_real_element_type' ); - else - name = element.getName(); - - // Use this variable to add conditional stuff to the - // HTML (because we are doing it in reverse order... unshift). - var extra = ''; - - // Some browsers don't cancel key events in the keydown but in the - // keypress. - // TODO: Check if really needed for Gecko+Mac. - if ( env.opera || ( env.gecko && env.mac ) ) - extra += ' onkeypress="return false;"'; - - // With Firefox, we need to force the button to redraw, otherwise it - // will remain in the focus state. - if ( env.gecko ) - extra += ' onblur="this.style.cssText = this.style.cssText;"'; - - var label = editor.lang.elementsPath.eleTitle.replace( /%1/, name ); - html.unshift( - '<a' + - ' id="', idBase, index, '"' + - ' href="javascript:void(\'', name, '\')"' + - ' tabindex="-1"' + - ' title="', label, '"' + - ( ( CKEDITOR.env.gecko && CKEDITOR.env.version < 10900 ) ? - ' onfocus="event.preventBubble();"' : '' ) + - ' hidefocus="true" ' + - ' onkeydown="return CKEDITOR._.elementsPath.keydown(\'', editor.name, '\',', index, ', event);"' + - extra , - ' onclick="return CKEDITOR._.elementsPath.click(\'', editor.name, '\',', index, ');"', - ' role="button" aria-labelledby="' + idBase + index + '_label">', - name, - '<span id="', idBase, index, '_label" class="cke_label">' + label + '</span>', - '</a>' ); - - } - - if ( name == 'body' ) - break; - - element = element.getParent(); - } - - getSpaceElement().setHtml( html.join('') + emptyHtml ); - }); - - editor.on( 'contentDomUnload', function() - { - getSpaceElement().setHtml( emptyHtml ); - }); - - editor.addCommand( 'elementsPathFocus', commands.toolbarFocus ); - } - }); -})(); - -/** - * Handles the click on an element in the element path. - * @private - */ -CKEDITOR._.elementsPath = -{ - click : function( instanceName, elementIndex ) - { - var editor = CKEDITOR.instances[ instanceName ]; - editor.focus(); - - var element = editor._.elementsPath.list[ elementIndex ]; - editor.getSelection().selectElement( element ); - - return false; - }, - - keydown : function( instanceName, elementIndex, ev ) - { - var instance = CKEDITOR.ui.button._.instances[ elementIndex ]; - var editor = CKEDITOR.instances[ instanceName ]; - var idBase = editor._.elementsPath.idBase; - - var element; - - ev = new CKEDITOR.dom.event( ev ); - - var rtl = editor.lang.dir == 'rtl'; - switch ( ev.getKeystroke() ) - { - case rtl ? 39 : 37 : // LEFT-ARROW - case 9 : // TAB - element = CKEDITOR.document.getById( idBase + ( elementIndex + 1 ) ); - if ( !element ) - element = CKEDITOR.document.getById( idBase + '0' ); - element.focus(); - return false; - - case rtl ? 37 : 39 : // RIGHT-ARROW - case CKEDITOR.SHIFT + 9 : // SHIFT + TAB - element = CKEDITOR.document.getById( idBase + ( elementIndex - 1 ) ); - if ( !element ) - element = CKEDITOR.document.getById( idBase + ( editor._.elementsPath.list.length - 1 ) ); - element.focus(); - return false; - - case 27 : // ESC - editor.focus(); - return false; - - case 13 : // ENTER // Opera - case 32 : // SPACE - this.click( instanceName, elementIndex ); - return false; - - //default : - // alert( ev.getKeystroke() ); - } - return true; - } -}; +/*
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * @fileOverview The "elementspath" plugin. It shows all elements in the DOM
+ * parent tree relative to the current selection in the editing area.
+ */
+
+(function()
+{
+ var commands =
+ {
+ toolbarFocus :
+ {
+ editorFocus : false,
+ readOnly : 1,
+ exec : function( editor )
+ {
+ var idBase = editor._.elementsPath.idBase;
+ var element = CKEDITOR.document.getById( idBase + '0' );
+
+ // Make the first button focus accessible for IE. (#3417)
+ // Adobe AIR instead need while of delay.
+ element && element.focus( CKEDITOR.env.ie || CKEDITOR.env.air );
+ }
+ }
+ };
+
+ var emptyHtml = '<span class="cke_empty"> </span>';
+
+ CKEDITOR.plugins.add( 'elementspath',
+ {
+ requires : [ 'selection' ],
+
+ init : function( editor )
+ {
+ var spaceId = 'cke_path_' + editor.name;
+ var spaceElement;
+ var getSpaceElement = function()
+ {
+ if ( !spaceElement )
+ spaceElement = CKEDITOR.document.getById( spaceId );
+ return spaceElement;
+ };
+
+ var idBase = 'cke_elementspath_' + CKEDITOR.tools.getNextNumber() + '_';
+
+ editor._.elementsPath = { idBase : idBase, filters : [] };
+
+ editor.on( 'themeSpace', function( event )
+ {
+ if ( event.data.space == 'bottom' )
+ {
+ event.data.html +=
+ '<span id="' + spaceId + '_label" class="cke_voice_label">' + editor.lang.elementsPath.eleLabel + '</span>' +
+ '<div id="' + spaceId + '" class="cke_path" role="group" aria-labelledby="' + spaceId + '_label">' + emptyHtml + '</div>';
+ }
+ });
+
+ function onClick( elementIndex )
+ {
+ editor.focus();
+ var element = editor._.elementsPath.list[ elementIndex ];
+ if ( element.is( 'body' ) )
+ {
+ var range = new CKEDITOR.dom.range( editor.document );
+ range.selectNodeContents( element );
+ range.select();
+ }
+ else
+ editor.getSelection().selectElement( element );
+ }
+
+ var onClickHanlder = CKEDITOR.tools.addFunction( onClick );
+
+ var onKeyDownHandler = CKEDITOR.tools.addFunction( function( elementIndex, ev )
+ {
+ var idBase = editor._.elementsPath.idBase,
+ element;
+
+ ev = new CKEDITOR.dom.event( ev );
+
+ var rtl = editor.lang.dir == 'rtl';
+ switch ( ev.getKeystroke() )
+ {
+ case rtl ? 39 : 37 : // LEFT-ARROW
+ case 9 : // TAB
+ element = CKEDITOR.document.getById( idBase + ( elementIndex + 1 ) );
+ if ( !element )
+ element = CKEDITOR.document.getById( idBase + '0' );
+ element.focus();
+ return false;
+
+ case rtl ? 37 : 39 : // RIGHT-ARROW
+ case CKEDITOR.SHIFT + 9 : // SHIFT + TAB
+ element = CKEDITOR.document.getById( idBase + ( elementIndex - 1 ) );
+ if ( !element )
+ element = CKEDITOR.document.getById( idBase + ( editor._.elementsPath.list.length - 1 ) );
+ element.focus();
+ return false;
+
+ case 27 : // ESC
+ editor.focus();
+ return false;
+
+ case 13 : // ENTER // Opera
+ case 32 : // SPACE
+ onClick( elementIndex );
+ return false;
+ }
+ return true;
+ });
+
+ editor.on( 'selectionChange', function( ev )
+ {
+ var env = CKEDITOR.env,
+ selection = ev.data.selection,
+ element = selection.getStartElement(),
+ html = [],
+ editor = ev.editor,
+ elementsList = editor._.elementsPath.list = [],
+ filters = editor._.elementsPath.filters;
+
+ while ( element )
+ {
+ var ignore = 0,
+ name;
+
+ if ( element.data( 'cke-display-name' ) )
+ name = element.data( 'cke-display-name' );
+ else if ( element.data( 'cke-real-element-type' ) )
+ name = element.data( 'cke-real-element-type' );
+ else
+ name = element.getName();
+
+ for ( var i = 0; i < filters.length; i++ )
+ {
+ var ret = filters[ i ]( element, name );
+ if ( ret === false )
+ {
+ ignore = 1;
+ break;
+ }
+ name = ret || name;
+ }
+
+ if ( !ignore )
+ {
+ var index = elementsList.push( element ) - 1;
+
+ // Use this variable to add conditional stuff to the
+ // HTML (because we are doing it in reverse order... unshift).
+ var extra = '';
+
+ // Some browsers don't cancel key events in the keydown but in the
+ // keypress.
+ // TODO: Check if really needed for Gecko+Mac.
+ if ( env.opera || ( env.gecko && env.mac ) )
+ extra += ' onkeypress="return false;"';
+
+ // With Firefox, we need to force the button to redraw, otherwise it
+ // will remain in the focus state.
+ if ( env.gecko )
+ extra += ' onblur="this.style.cssText = this.style.cssText;"';
+
+ var label = editor.lang.elementsPath.eleTitle.replace( /%1/, name );
+ html.unshift(
+ '<a' +
+ ' id="', idBase, index, '"' +
+ ' href="javascript:void(\'', name, '\')"' +
+ ' tabindex="-1"' +
+ ' title="', label, '"' +
+ ( ( CKEDITOR.env.gecko && CKEDITOR.env.version < 10900 ) ?
+ ' onfocus="event.preventBubble();"' : '' ) +
+ ' hidefocus="true" ' +
+ ' onkeydown="return CKEDITOR.tools.callFunction(', onKeyDownHandler, ',', index, ', event );"' +
+ extra ,
+ ' onclick="CKEDITOR.tools.callFunction('+ onClickHanlder, ',', index, '); return false;"',
+ ' role="button" aria-labelledby="' + idBase + index + '_label">',
+ name,
+ '<span id="', idBase, index, '_label" class="cke_label">' + label + '</span>',
+ '</a>' );
+
+ }
+
+ if ( name == 'body' )
+ break;
+
+ element = element.getParent();
+ }
+
+ var space = getSpaceElement();
+ space.setHtml( html.join('') + emptyHtml );
+ editor.fire( 'elementsPathUpdate', { space : space } );
+ });
+
+ function empty()
+ {
+ spaceElement && spaceElement.setHtml( emptyHtml );
+ delete editor._.elementsPath.list;
+ }
+
+ editor.on( 'readOnly', empty );
+ editor.on( 'contentDomUnload', empty );
+
+ editor.addCommand( 'elementsPathFocus', commands.toolbarFocus );
+ }
+ });
+})();
+
+/**
+ * Fired when the contents of the elementsPath are changed
+ * @name CKEDITOR.editor#elementsPathUpdate
+ * @event
+ * @param {Object} eventData.space The elementsPath container
+ */
|
