+++ /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
-(function()\r
-{\r
- function protectFormStyles( formElement )\r
- {\r
- if ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )\r
- return [];\r
-\r
- var hijackRecord = [],\r
- hijackNames = [ 'style', 'className' ];\r
- for ( var i = 0 ; i < hijackNames.length ; i++ )\r
- {\r
- var name = hijackNames[i];\r
- var $node = formElement.$.elements.namedItem( name );\r
- if ( $node )\r
- {\r
- var hijackNode = new CKEDITOR.dom.element( $node );\r
- hijackRecord.push( [ hijackNode, hijackNode.nextSibling ] );\r
- hijackNode.remove();\r
- }\r
- }\r
-\r
- return hijackRecord;\r
- }\r
-\r
- function restoreFormStyles( formElement, hijackRecord )\r
- {\r
- if ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )\r
- return;\r
-\r
- if ( hijackRecord.length > 0 )\r
- {\r
- for ( var i = hijackRecord.length - 1 ; i >= 0 ; i-- )\r
- {\r
- var node = hijackRecord[i][0];\r
- var sibling = hijackRecord[i][1];\r
- if ( sibling )\r
- node.insertBefore( sibling );\r
- else\r
- node.appendTo( formElement );\r
- }\r
- }\r
- }\r
-\r
- function saveStyles( element, isInsideEditor )\r
- {\r
- var data = protectFormStyles( element );\r
- var retval = {};\r
-\r
- var $element = element.$;\r
-\r
- if ( !isInsideEditor )\r
- {\r
- retval[ 'class' ] = $element.className || '';\r
- $element.className = '';\r
- }\r
-\r
- retval.inline = $element.style.cssText || '';\r
- if ( !isInsideEditor ) // Reset any external styles that might interfere. (#2474)\r
- $element.style.cssText = 'position: static; overflow: visible';\r
-\r
- restoreFormStyles( data );\r
- return retval;\r
- }\r
-\r
- function restoreStyles( element, savedStyles )\r
- {\r
- var data = protectFormStyles( element );\r
- var $element = element.$;\r
- if ( 'class' in savedStyles )\r
- $element.className = savedStyles[ 'class' ];\r
- if ( 'inline' in savedStyles )\r
- $element.style.cssText = savedStyles.inline;\r
- restoreFormStyles( data );\r
- }\r
-\r
- function refreshCursor( editor )\r
- {\r
- // Refresh all editor instances on the page (#5724).\r
- var all = CKEDITOR.instances;\r
- for ( var i in all )\r
- {\r
- var one = all[ i ];\r
- if ( one.mode == 'wysiwyg' && !one.readOnly )\r
- {\r
- var body = one.document.getBody();\r
- // Refresh 'contentEditable' otherwise\r
- // DOM lifting breaks design mode. (#5560)\r
- body.setAttribute( 'contentEditable', false );\r
- body.setAttribute( 'contentEditable', true );\r
- }\r
- }\r
-\r
- if ( editor.focusManager.hasFocus )\r
- {\r
- editor.toolbox.focus();\r
- editor.focus();\r
- }\r
- }\r
-\r
- /**\r
- * Adding an iframe shim to this element, OR removing the existing one if already applied.\r
- * Note: This will only affect IE version below 7.\r
- */\r
- function createIframeShim( element )\r
- {\r
- if ( !CKEDITOR.env.ie || CKEDITOR.env.version > 6 )\r
- return null;\r
-\r
- var shim = CKEDITOR.dom.element.createFromHtml( '<iframe frameborder="0" tabindex="-1"' +\r
- ' src="javascript:' +\r
- 'void((function(){' +\r
- 'document.open();' +\r
- ( CKEDITOR.env.isCustomDomain() ? 'document.domain=\'' + this.getDocument().$.domain + '\';' : '' ) +\r
- 'document.close();' +\r
- '})())"' +\r
- ' style="display:block;position:absolute;z-index:-1;' +\r
- 'progid:DXImageTransform.Microsoft.Alpha(opacity=0);' +\r
- '"></iframe>' );\r
- return element.append( shim, true );\r
- }\r
-\r
- CKEDITOR.plugins.add( 'maximize',\r
- {\r
- init : function( editor )\r
- {\r
- var lang = editor.lang;\r
- var mainDocument = CKEDITOR.document,\r
- mainWindow = mainDocument.getWindow();\r
-\r
- // Saved selection and scroll position for the editing area.\r
- var savedSelection,\r
- savedScroll;\r
-\r
- // Saved scroll position for the outer window.\r
- var outerScroll;\r
-\r
- var shim;\r
-\r
- // Saved resize handler function.\r
- function resizeHandler()\r
- {\r
- var viewPaneSize = mainWindow.getViewPaneSize();\r
- shim && shim.setStyles( { width : viewPaneSize.width + 'px', height : viewPaneSize.height + 'px' } );\r
- editor.resize( viewPaneSize.width, viewPaneSize.height, null, true );\r
- }\r
-\r
- // Retain state after mode switches.\r
- var savedState = CKEDITOR.TRISTATE_OFF;\r
-\r
- editor.addCommand( 'maximize',\r
- {\r
- modes : { wysiwyg : 1, source : 1 },\r
- readOnly : 1,\r
- editorFocus : false,\r
- exec : function()\r
- {\r
- var container = editor.container.getChild( 1 );\r
- var contents = editor.getThemeSpace( 'contents' );\r
-\r
- // Save current selection and scroll position in editing area.\r
- if ( editor.mode == 'wysiwyg' )\r
- {\r
- var selection = editor.getSelection();\r
- savedSelection = selection && selection.getRanges();\r
- savedScroll = mainWindow.getScrollPosition();\r
- }\r
- else\r
- {\r
- var $textarea = editor.textarea.$;\r
- savedSelection = !CKEDITOR.env.ie && [ $textarea.selectionStart, $textarea.selectionEnd ];\r
- savedScroll = [ $textarea.scrollLeft, $textarea.scrollTop ];\r
- }\r
-\r
- if ( this.state == CKEDITOR.TRISTATE_OFF ) // Go fullscreen if the state is off.\r
- {\r
- // Add event handler for resizing.\r
- mainWindow.on( 'resize', resizeHandler );\r
-\r
- // Save the scroll bar position.\r
- outerScroll = mainWindow.getScrollPosition();\r
-\r
- // Save and reset the styles for the entire node tree.\r
- var currentNode = editor.container;\r
- while ( ( currentNode = currentNode.getParent() ) )\r
- {\r
- currentNode.setCustomData( 'maximize_saved_styles', saveStyles( currentNode ) );\r
- currentNode.setStyle( 'z-index', editor.config.baseFloatZIndex - 1 );\r
- }\r
- contents.setCustomData( 'maximize_saved_styles', saveStyles( contents, true ) );\r
- container.setCustomData( 'maximize_saved_styles', saveStyles( container, true ) );\r
-\r
- // Hide scroll bars.\r
- var styles =\r
- {\r
- overflow : CKEDITOR.env.webkit ? '' : 'hidden', // #6896\r
- width : 0,\r
- height : 0\r
- };\r
-\r
- mainDocument.getDocumentElement().setStyles( styles );\r
- !CKEDITOR.env.gecko && mainDocument.getDocumentElement().setStyle( 'position', 'fixed' );\r
- !( CKEDITOR.env.gecko && CKEDITOR.env.quirks ) && mainDocument.getBody().setStyles( styles );\r
-\r
- // Scroll to the top left (IE needs some time for it - #4923).\r
- CKEDITOR.env.ie ?\r
- setTimeout( function() { mainWindow.$.scrollTo( 0, 0 ); }, 0 ) :\r
- mainWindow.$.scrollTo( 0, 0 );\r
-\r
- // Resize and move to top left.\r
- // Special treatment for FF Quirks (#7284)\r
- container.setStyle( 'position', CKEDITOR.env.gecko && CKEDITOR.env.quirks ? 'fixed' : 'absolute' );\r
- container.$.offsetLeft; // SAFARI BUG: See #2066.\r
- container.setStyles(\r
- {\r
- 'z-index' : editor.config.baseFloatZIndex - 1,\r
- left : '0px',\r
- top : '0px'\r
- } );\r
-\r
- shim = createIframeShim( container ); // IE6 select element penetration when maximized. (#4459)\r
-\r
- // Add cke_maximized class before resize handle since that will change things sizes (#5580)\r
- container.addClass( 'cke_maximized' );\r
-\r
- resizeHandler();\r
-\r
- // Still not top left? Fix it. (Bug #174)\r
- var offset = container.getDocumentPosition();\r
- container.setStyles(\r
- {\r
- left : ( -1 * offset.x ) + 'px',\r
- top : ( -1 * offset.y ) + 'px'\r
- } );\r
-\r
- // Fixing positioning editor chrome in Firefox break design mode. (#5149)\r
- CKEDITOR.env.gecko && refreshCursor( editor );\r
-\r
- }\r
- else if ( this.state == CKEDITOR.TRISTATE_ON ) // Restore from fullscreen if the state is on.\r
- {\r
- // Remove event handler for resizing.\r
- mainWindow.removeListener( 'resize', resizeHandler );\r
-\r
- // Restore CSS styles for the entire node tree.\r
- var editorElements = [ contents, container ];\r
- for ( var i = 0 ; i < editorElements.length ; i++ )\r
- {\r
- restoreStyles( editorElements[i], editorElements[i].getCustomData( 'maximize_saved_styles' ) );\r
- editorElements[i].removeCustomData( 'maximize_saved_styles' );\r
- }\r
-\r
- currentNode = editor.container;\r
- while ( ( currentNode = currentNode.getParent() ) )\r
- {\r
- restoreStyles( currentNode, currentNode.getCustomData( 'maximize_saved_styles' ) );\r
- currentNode.removeCustomData( 'maximize_saved_styles' );\r
- }\r
-\r
- // Restore the window scroll position.\r
- CKEDITOR.env.ie ?\r
- setTimeout( function() { mainWindow.$.scrollTo( outerScroll.x, outerScroll.y ); }, 0 ) :\r
- mainWindow.$.scrollTo( outerScroll.x, outerScroll.y );\r
-\r
- // Remove cke_maximized class.\r
- container.removeClass( 'cke_maximized' );\r
-\r
- // Webkit requires a re-layout on editor chrome. (#6695)\r
- if ( CKEDITOR.env.webkit )\r
- {\r
- container.setStyle( 'display', 'inline' );\r
- setTimeout( function(){ container.setStyle( 'display', 'block' ); }, 0 );\r
- }\r
-\r
- if ( shim )\r
- {\r
- shim.remove();\r
- shim = null;\r
- }\r
-\r
- // Emit a resize event, because this time the size is modified in\r
- // restoreStyles.\r
- editor.fire( 'resize' );\r
- }\r
-\r
- this.toggleState();\r
-\r
- // Toggle button label.\r
- var button = this.uiItems[ 0 ];\r
- // Only try to change the button if it exists (#6166)\r
- if( button )\r
- {\r
- var label = ( this.state == CKEDITOR.TRISTATE_OFF )\r
- ? lang.maximize : lang.minimize;\r
- var buttonNode = editor.element.getDocument().getById( button._.id );\r
- buttonNode.getChild( 1 ).setHtml( label );\r
- buttonNode.setAttribute( 'title', label );\r
- buttonNode.setAttribute( 'href', 'javascript:void("' + label + '");' );\r
- }\r
-\r
- // Restore selection and scroll position in editing area.\r
- if ( editor.mode == 'wysiwyg' )\r
- {\r
- if ( savedSelection )\r
- {\r
- // Fixing positioning editor chrome in Firefox break design mode. (#5149)\r
- CKEDITOR.env.gecko && refreshCursor( editor );\r
-\r
- editor.getSelection().selectRanges(savedSelection);\r
- var element = editor.getSelection().getStartElement();\r
- element && element.scrollIntoView( true );\r
- }\r
-\r
- else\r
- mainWindow.$.scrollTo( savedScroll.x, savedScroll.y );\r
- }\r
- else\r
- {\r
- if ( savedSelection )\r
- {\r
- $textarea.selectionStart = savedSelection[0];\r
- $textarea.selectionEnd = savedSelection[1];\r
- }\r
- $textarea.scrollLeft = savedScroll[0];\r
- $textarea.scrollTop = savedScroll[1];\r
- }\r
-\r
- savedSelection = savedScroll = null;\r
- savedState = this.state;\r
- },\r
- canUndo : false\r
- } );\r
-\r
- editor.ui.addButton( 'Maximize',\r
- {\r
- label : lang.maximize,\r
- command : 'maximize'\r
- } );\r
-\r
- // Restore the command state after mode change, unless it has been changed to disabled (#6467)\r
- editor.on( 'mode', function()\r
- {\r
- var command = editor.getCommand( 'maximize' );\r
- command.setState( command.state == CKEDITOR.TRISTATE_DISABLED ? CKEDITOR.TRISTATE_DISABLED : savedState );\r
- }, null, null, 100 );\r
- }\r
- } );\r
-})();\r
projects / ckeditor.git / blobdiff