diff options
| author | Lester Caine <lsces@lsces.co.uk> | 2010-07-29 20:31:06 +0100 |
|---|---|---|
| committer | Lester Caine <lsces@lsces.co.uk> | 2010-07-29 20:31:06 +0100 |
| commit | 1a293c5c57779b3750b561b5fe295aff33b3ebf9 (patch) | |
| tree | 254fc36fc473e7d60b88324d550ce95f94e18cca /_source/plugins/elementspath/plugin.js | |
| parent | 33c69a19cc35f82336bce6020b15e33152ff8763 (diff) | |
| download | ckeditor-1a293c5c57779b3750b561b5fe295aff33b3ebf9.tar.gz ckeditor-1a293c5c57779b3750b561b5fe295aff33b3ebf9.tar.bz2 ckeditor-1a293c5c57779b3750b561b5fe295aff33b3ebf9.zip | |
ync with version 3.3.1 of CKEditor
Diffstat (limited to '_source/plugins/elementspath/plugin.js')
| -rw-r--r-- | _source/plugins/elementspath/plugin.js | 393 |
1 files changed, 204 insertions, 189 deletions
diff --git a/_source/plugins/elementspath/plugin.js b/_source/plugins/elementspath/plugin.js index eaab6f8..095c35c 100644 --- a/_source/plugins/elementspath/plugin.js +++ b/_source/plugins/elementspath/plugin.js @@ -1,189 +1,204 @@ -/*
-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 };
-
- 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;
-
- var selection = ev.data.selection;
-
- var element = selection.getStartElement(),
- html = [],
- elementsList = this._.elementsPath.list = [];
-
- while ( element )
- {
- 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(\'', this.name, '\',', index, ', event);"' +
- extra ,
- ' onclick="return CKEDITOR._.elementsPath.click(\'', this.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 );
-
- switch ( ev.getKeystroke() )
- {
- case 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 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-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; + } +}; |
