X-Git-Url: https://scm.cri.minesparis.psl.eu/git/ckeditor.git/blobdiff_plain/e11f66eb655db8339a2d9b197b89f6c3b26099e1..579f65bc95a773bc6f8da75f6849ea49f365368b:/skins/ckeditor/_source/themes/default/theme.js diff --git a/skins/ckeditor/_source/themes/default/theme.js b/skins/ckeditor/_source/themes/default/theme.js deleted file mode 100644 index f7ff8e4..0000000 --- a/skins/ckeditor/_source/themes/default/theme.js +++ /dev/null @@ -1,395 +0,0 @@ -/* -Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. -For licensing, see LICENSE.html or http://ckeditor.com/license -*/ - -/** - * @name CKEDITOR.theme - * @class - */ - -CKEDITOR.themes.add( 'default', (function() -{ - var hiddenSkins = {}; - - function checkSharedSpace( editor, spaceName ) - { - var container, - element; - - // Try to retrieve the target element from the sharedSpaces settings. - element = editor.config.sharedSpaces; - element = element && element[ spaceName ]; - element = element && CKEDITOR.document.getById( element ); - - // If the element is available, we'll then create the container for - // the space. - if ( element ) - { - // Creates an HTML structure that reproduces the editor class hierarchy. - var html = - '' + - '' + - '' + - '' + - '' + - '
' + - '
'; - - var mainContainer = element.append( CKEDITOR.dom.element.createFromHtml( html, element.getDocument() ) ); - - // Only the first container starts visible. Others get hidden. - if ( element.getCustomData( 'cke_hasshared' ) ) - mainContainer.hide(); - else - element.setCustomData( 'cke_hasshared', 1 ); - - // Get the deeper inner
. - container = mainContainer.getChild( [0,0,0,0] ); - - // Save a reference to the shared space container. - !editor.sharedSpaces && ( editor.sharedSpaces = {} ); - editor.sharedSpaces[ spaceName ] = container; - - // When the editor gets focus, we show the space container, hiding others. - editor.on( 'focus', function() - { - for ( var i = 0, sibling, children = element.getChildren() ; ( sibling = children.getItem( i ) ) ; i++ ) - { - if ( sibling.type == CKEDITOR.NODE_ELEMENT - && !sibling.equals( mainContainer ) - && sibling.hasClass( 'cke_shared' ) ) - { - sibling.hide(); - } - } - - mainContainer.show(); - }); - - editor.on( 'destroy', function() - { - mainContainer.remove(); - }); - } - - return container; - } - - return /** @lends CKEDITOR.theme */ { - build : function( editor, themePath ) - { - var name = editor.name, - element = editor.element, - elementMode = editor.elementMode; - - if ( !element || elementMode == CKEDITOR.ELEMENT_MODE_NONE ) - return; - - if ( elementMode == CKEDITOR.ELEMENT_MODE_REPLACE ) - element.hide(); - - // Get the HTML for the predefined spaces. - var topHtml = editor.fire( 'themeSpace', { space : 'top', html : '' } ).html; - var contentsHtml = editor.fire( 'themeSpace', { space : 'contents', html : '' } ).html; - var bottomHtml = editor.fireOnce( 'themeSpace', { space : 'bottom', html : '' } ).html; - - var height = contentsHtml && editor.config.height; - - var tabIndex = editor.config.tabIndex || editor.element.getAttribute( 'tabindex' ) || 0; - - // The editor height is considered only if the contents space got filled. - if ( !contentsHtml ) - height = 'auto'; - else if ( !isNaN( height ) ) - height += 'px'; - - var style = ''; - var width = editor.config.width; - - if ( width ) - { - if ( !isNaN( width ) ) - width += 'px'; - - style += "width: " + width + ";"; - } - - var sharedTop = topHtml && checkSharedSpace( editor, 'top' ), - sharedBottoms = checkSharedSpace( editor, 'bottom' ); - - sharedTop && ( sharedTop.setHtml( topHtml ) , topHtml = '' ); - sharedBottoms && ( sharedBottoms.setHtml( bottomHtml ), bottomHtml = '' ); - - var hideSkin = ''; - if ( hiddenSkins[ editor.skinClass ] ) - hideSkin = ''; - else - hiddenSkins[ editor.skinClass ] = 1; - - var container = CKEDITOR.dom.element.createFromHtml( [ - '' + - '' + editor.lang.editor + '' + - '' + - '' + - '' + - '' + - '' + - '' + - '' + - //Hide the container when loading skins, later restored by skin css. - hideSkin + - '' + - '' + - '' ].join( '' ) ); - - container.getChild( [1, 0, 0, 0, 0] ).unselectable(); - container.getChild( [1, 0, 0, 0, 2] ).unselectable(); - - if ( elementMode == CKEDITOR.ELEMENT_MODE_REPLACE ) - container.insertAfter( element ); - else - element.append( container ); - - /** - * The DOM element that holds the main editor interface. - * @name CKEDITOR.editor.prototype.container - * @type CKEDITOR.dom.element - * @example - * var editor = CKEDITOR.instances.editor1; - * alert( editor.container.getName() ); "span" - */ - editor.container = container; - - // Disable browser context menu for editor's chrome. - container.disableContextMenu(); - - // Use a class to indicate that the current selection is in different direction than the UI. - editor.on( 'contentDirChanged', function( evt ) - { - var func = ( editor.lang.dir != evt.data ? 'add' : 'remove' ) + 'Class'; - - container.getChild( 1 )[ func ]( 'cke_mixed_dir_content' ); - - // Put the mixed direction class on the respective element also for shared spaces. - var toolbarSpace = this.sharedSpaces && this.sharedSpaces[ this.config.toolbarLocation ]; - toolbarSpace && toolbarSpace.getParent().getParent()[ func ]( 'cke_mixed_dir_content' ); - }); - - editor.fireOnce( 'themeLoaded' ); - editor.fireOnce( 'uiReady' ); - }, - - buildDialog : function( editor ) - { - var baseIdNumber = CKEDITOR.tools.getNextNumber(); - - var element = CKEDITOR.dom.element.createFromHtml( [ - '' - ].join( '' ) - .replace( /#/g, '_' + baseIdNumber ) - .replace( /%/g, 'cke_dialog_' ) ); - - var body = element.getChild( [ 0, 0, 0, 0, 0 ] ), - title = body.getChild( 0 ), - close = body.getChild( 1 ); - - // Make the Title and Close Button unselectable. - title.unselectable(); - close.unselectable(); - - - return { - element : element, - parts : - { - dialog : element.getChild( 0 ), - title : title, - close : close, - tabs : body.getChild( 2 ), - contents : body.getChild( [ 3, 0, 0, 0 ] ), - footer : body.getChild( [ 3, 0, 1, 0 ] ) - } - }; - }, - - destroy : function( editor ) - { - var container = editor.container, - element = editor.element; - - if ( container ) - { - container.clearCustomData(); - container.remove(); - } - - if ( element ) - { - element.clearCustomData(); - editor.elementMode == CKEDITOR.ELEMENT_MODE_REPLACE && element.show(); - delete editor.element; - } - } - }; -})() ); - -/** - * Returns the DOM element that represents a theme space. The default theme defines - * three spaces, namely "top", "contents" and "bottom", representing the main - * blocks that compose the editor interface. - * @param {String} spaceName The space name. - * @returns {CKEDITOR.dom.element} The element that represents the space. - * @example - * // Hide the bottom space in the UI. - * var bottom = editor.getThemeSpace( 'bottom' ); - * bottom.setStyle( 'display', 'none' ); - */ -CKEDITOR.editor.prototype.getThemeSpace = function( spaceName ) -{ - var spacePrefix = 'cke_' + spaceName; - var space = this._[ spacePrefix ] || - ( this._[ spacePrefix ] = CKEDITOR.document.getById( spacePrefix + '_' + this.name ) ); - return space; -}; - -/** - * Resizes the editor interface. - * @param {Number|String} width The new width. It can be an pixels integer or a - * CSS size value. - * @param {Number|String} height The new height. It can be an pixels integer or - * a CSS size value. - * @param {Boolean} [isContentHeight] Indicates that the provided height is to - * be applied to the editor contents space, not to the entire editor - * interface. Defaults to false. - * @param {Boolean} [resizeInner] Indicates that the first inner interface - * element must receive the size, not the outer element. The default theme - * defines the interface inside a pair of span elements - * (<span><span>...</span></span>). By default the - * first span element receives the sizes. If this parameter is set to - * true, the second span is sized instead. - * @example - * editor.resize( 900, 300 ); - * @example - * editor.resize( '100%', 450, true ); - */ -CKEDITOR.editor.prototype.resize = function( width, height, isContentHeight, resizeInner ) -{ - var container = this.container, - contents = CKEDITOR.document.getById( 'cke_contents_' + this.name ), - outer = resizeInner ? container.getChild( 1 ) : container; - - // Resize the width first. - // WEBKIT BUG: Webkit requires that we put the editor off from display when we - // resize it. If we don't, the browser crashes! - CKEDITOR.env.webkit && outer.setStyle( 'display', 'none' ); - // Set as border box width. (#5353) - outer.setSize( 'width', width, true ); - if ( CKEDITOR.env.webkit ) - { - outer.$.offsetWidth; - outer.setStyle( 'display', '' ); - } - - // Get the height delta between the outer table and the content area. - // If we're setting the content area's height, then we don't need the delta. - var delta = isContentHeight ? 0 : ( outer.$.offsetHeight || 0 ) - ( contents.$.clientHeight || 0 ); - contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' ); - - // Emit a resize event. - this.fire( 'resize' ); -}; - -/** - * Gets the element that can be freely used to check the editor size. This method - * is mainly used by the resize plugin, which adds a UI handle that can be used - * to resize the editor. - * @param {Boolean} forContents Whether to return the "contents" part of the theme instead of the container. - * @returns {CKEDITOR.dom.element} The resizable element. - * @example - */ -CKEDITOR.editor.prototype.getResizable = function( forContents ) -{ - return forContents ? CKEDITOR.document.getById( 'cke_contents_' + this.name ) : this.container; -}; - -/** - * Makes it possible to place some of the editor UI blocks, like the toolbar - * and the elements path, into any element in the page. - * The elements used to hold the UI blocks can be shared among several editor - * instances. In that case, only the blocks of the active editor instance will - * display. - * @name CKEDITOR.config.sharedSpaces - * @type Object - * @default undefined - * @example - * // Place the toolbar inside the element with ID "someElementId" and the - * // elements path into the element with ID "anotherId". - * config.sharedSpaces = - * { - * top : 'someElementId', - * bottom : 'anotherId' - * }; - * @example - * // Place the toolbar inside the element with ID "someElementId". The - * // elements path will remain attached to the editor UI. - * config.sharedSpaces = - * { - * top : 'someElementId' - * }; - */ - -/** - * Fired after the editor instance is resized through - * the {@link CKEDITOR.editor.prototype.resize} method. - * @name CKEDITOR.editor#resize - * @event - */