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