/*\r
-Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
\r
(function()\r
{\r
- /**\r
- * List of elements in which has no way to move editing focus outside.\r
- */\r
- var nonExitableElementNames = { table:1,pre:1 };\r
// Matching an empty paragraph at the end of document.\r
- var emptyParagraphRegexp = /\s*<(p|div|address|h\d|center)[^>]*>\s*(?:<br[^>]*>| |\u00A0| )?\s*(:?<\/\1>)?\s*$/gi;\r
+ var emptyParagraphRegexp = /(^|<body\b[^>]*>)\s*<(p|div|address|h\d|center|pre)[^>]*>\s*(?:<br[^>]*>| |\u00A0| )?\s*(:?<\/\2>)?\s*(?=$|<\/body>)/gi;\r
+\r
+ var notWhitespaceEval = CKEDITOR.dom.walker.whitespaces( true ),\r
+ notBogus = CKEDITOR.dom.walker.bogus( true ),\r
+ notEmpty = function( node ) { return notWhitespaceEval( node ) && notBogus( node ); };\r
\r
- function onInsertHtml( evt )\r
+ // Elements that could blink the cursor anchoring beside it, like hr, page-break. (#6554)\r
+ function nonEditable( element )\r
{\r
- if ( this.mode == 'wysiwyg' )\r
+ return element.isBlockBoundary() && CKEDITOR.dtd.$empty[ element.getName() ];\r
+ }\r
+\r
+\r
+ function onInsert( insertFunc )\r
+ {\r
+ return function( evt )\r
{\r
- this.focus();\r
+ if ( this.mode == 'wysiwyg' )\r
+ {\r
+ this.focus();\r
\r
- var selection = this.getSelection(),\r
- data = evt.data;\r
+ // Since the insertion might happen from within dialog or menu\r
+ // where the editor selection might be locked at the moment,\r
+ // update the locked selection.\r
+ var selection = this.getSelection(),\r
+ selIsLocked = selection.isLocked;\r
\r
- if ( this.dataProcessor )\r
- data = this.dataProcessor.toHtml( data );\r
+ selIsLocked && selection.unlock();\r
\r
- if ( CKEDITOR.env.ie )\r
+ this.fire( 'saveSnapshot' );\r
+\r
+ insertFunc.call( this, evt.data );\r
+\r
+ selIsLocked && this.getSelection().lock();\r
+\r
+ // Save snaps after the whole execution completed.\r
+ // This's a workaround for make DOM modification's happened after\r
+ // 'insertElement' to be included either, e.g. Form-based dialogs' 'commitContents'\r
+ // call.\r
+ CKEDITOR.tools.setTimeout( function()\r
+ {\r
+ this.fire( 'saveSnapshot' );\r
+ }, 0, this );\r
+ }\r
+ };\r
+ }\r
+\r
+ function doInsertHtml( data )\r
+ {\r
+ if ( this.dataProcessor )\r
+ data = this.dataProcessor.toHtml( data );\r
+\r
+ if ( !data )\r
+ return;\r
+\r
+ // HTML insertion only considers the first range.\r
+ var selection = this.getSelection(),\r
+ range = selection.getRanges()[ 0 ];\r
+\r
+ if ( range.checkReadOnly() )\r
+ return;\r
+\r
+ // Opera: force block splitting when pasted content contains block. (#7801)\r
+ if ( CKEDITOR.env.opera )\r
+ {\r
+ var path = new CKEDITOR.dom.elementPath( range.startContainer );\r
+ if ( path.block )\r
{\r
- var selIsLocked = selection.isLocked;\r
+ var nodes = CKEDITOR.htmlParser.fragment.fromHtml( data, false ).children;\r
+ for ( var i = 0, count = nodes.length; i < count; i++ )\r
+ {\r
+ if ( nodes[ i ]._.isBlockLike )\r
+ {\r
+ range.splitBlock( this.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' );\r
+ range.insertNode( range.document.createText( '' ) );\r
+ range.select();\r
+ break;\r
+ }\r
+ }\r
+ }\r
+ }\r
\r
- if ( selIsLocked )\r
- selection.unlock();\r
+ if ( CKEDITOR.env.ie )\r
+ {\r
+ var $sel = selection.getNative();\r
\r
- var $sel = selection.getNative();\r
- if ( $sel.type == 'Control' )\r
- $sel.clear();\r
- $sel.createRange().pasteHTML( data );\r
+ // Delete control selections to avoid IE bugs on pasteHTML.\r
+ if ( $sel.type == 'Control' )\r
+ $sel.clear();\r
+ else if ( selection.getType() == CKEDITOR.SELECTION_TEXT )\r
+ {\r
+ // Due to IE bugs on handling contenteditable=false blocks\r
+ // (#6005), we need to make some checks and eventually\r
+ // delete the selection first.\r
\r
- if ( selIsLocked )\r
- this.getSelection().lock();\r
+ range = selection.getRanges()[ 0 ];\r
+ var endContainer = range && range.endContainer;\r
+\r
+ if ( endContainer &&\r
+ endContainer.type == CKEDITOR.NODE_ELEMENT &&\r
+ endContainer.getAttribute( 'contenteditable' ) == 'false' &&\r
+ range.checkBoundaryOfElement( endContainer, CKEDITOR.END ) )\r
+ {\r
+ range.setEndAfter( range.endContainer );\r
+ range.deleteContents();\r
+ }\r
}\r
- else\r
- this.document.$.execCommand( 'inserthtml', false, data );\r
+\r
+ $sel.createRange().pasteHTML( data );\r
+ }\r
+ else\r
+ this.document.$.execCommand( 'inserthtml', false, data );\r
+\r
+ // Webkit does not scroll to the cursor position after pasting (#5558)\r
+ if ( CKEDITOR.env.webkit )\r
+ {\r
+ selection = this.getSelection();\r
+ selection.scrollIntoView();\r
}\r
}\r
\r
- function onInsertElement( evt )\r
+ function doInsertText( text )\r
{\r
- if ( this.mode == 'wysiwyg' )\r
- {\r
- this.focus();\r
- this.fire( 'saveSnapshot' );\r
+ var selection = this.getSelection(),\r
+ mode = selection.getStartElement().hasAscendant( 'pre', true ) ?\r
+ CKEDITOR.ENTER_BR : this.config.enterMode,\r
+ isEnterBrMode = mode == CKEDITOR.ENTER_BR;\r
\r
- var element = evt.data,\r
- elementName = element.getName(),\r
- isBlock = CKEDITOR.dtd.$block[ elementName ];\r
+ var html = CKEDITOR.tools.htmlEncode( text.replace( /\r\n|\r/g, '\n' ) );\r
\r
- var selection = this.getSelection(),\r
- ranges = selection.getRanges();\r
+ // Convert leading and trailing whitespaces into \r
+ html = html.replace( /^[ \t]+|[ \t]+$/g, function( match, offset, s )\r
+ {\r
+ if ( match.length == 1 ) // one space, preserve it\r
+ return ' ';\r
+ else if ( !offset ) // beginning of block\r
+ return CKEDITOR.tools.repeat( ' ', match.length - 1 ) + ' ';\r
+ else // end of block\r
+ return ' ' + CKEDITOR.tools.repeat( ' ', match.length - 1 );\r
+ } );\r
+\r
+ // Convert subsequent whitespaces into \r
+ html = html.replace( /[ \t]{2,}/g, function ( match )\r
+ {\r
+ return CKEDITOR.tools.repeat( ' ', match.length - 1 ) + ' ';\r
+ } );\r
+\r
+ var paragraphTag = mode == CKEDITOR.ENTER_P ? 'p' : 'div';\r
+\r
+ // Two line-breaks create one paragraph.\r
+ if ( !isEnterBrMode )\r
+ {\r
+ html = html.replace( /(\n{2})([\s\S]*?)(?:$|\1)/g,\r
+ function( match, group1, text )\r
+ {\r
+ return '<'+paragraphTag + '>' + text + '</' + paragraphTag + '>';\r
+ });\r
+ }\r
\r
- var selIsLocked = selection.isLocked;\r
+ // One <br> per line-break.\r
+ html = html.replace( /\n/g, '<br>' );\r
\r
- if ( selIsLocked )\r
- selection.unlock();\r
+ // Compensate padding <br> for non-IE.\r
+ if ( !( isEnterBrMode || CKEDITOR.env.ie ) )\r
+ {\r
+ html = html.replace( new RegExp( '<br>(?=</' + paragraphTag + '>)' ), function( match )\r
+ {\r
+ return CKEDITOR.tools.repeat( match, 2 );\r
+ } );\r
+ }\r
\r
- var range, clone, lastElement, bookmark;\r
+ // Inline styles have to be inherited in Firefox.\r
+ if ( CKEDITOR.env.gecko || CKEDITOR.env.webkit )\r
+ {\r
+ var path = new CKEDITOR.dom.elementPath( selection.getStartElement() ),\r
+ context = [];\r
\r
- for ( var i = ranges.length - 1 ; i >= 0 ; i-- )\r
+ for ( var i = 0; i < path.elements.length; i++ )\r
{\r
- range = ranges[ i ];\r
+ var tag = path.elements[ i ].getName();\r
+ if ( tag in CKEDITOR.dtd.$inline )\r
+ context.unshift( path.elements[ i ].getOuterHtml().match( /^<.*?>/) );\r
+ else if ( tag in CKEDITOR.dtd.$block )\r
+ break;\r
+ }\r
\r
- // Remove the original contents.\r
- range.deleteContents();\r
+ // Reproduce the context by preceding the pasted HTML with opening inline tags.\r
+ html = context.join( '' ) + html;\r
+ }\r
\r
- clone = !i && element || element.clone( true );\r
+ doInsertHtml.call( this, html );\r
+ }\r
\r
- // If we're inserting a block at dtd-violated position, split\r
- // the parent blocks until we reach blockLimit.\r
- var current, dtd;\r
- if ( isBlock )\r
+ function doInsertElement( element )\r
+ {\r
+ var selection = this.getSelection(),\r
+ ranges = selection.getRanges(),\r
+ elementName = element.getName(),\r
+ isBlock = CKEDITOR.dtd.$block[ elementName ];\r
+\r
+ var selIsLocked = selection.isLocked;\r
+\r
+ if ( selIsLocked )\r
+ selection.unlock();\r
+\r
+ var range, clone, lastElement, bookmark;\r
+\r
+ for ( var i = ranges.length - 1 ; i >= 0 ; i-- )\r
+ {\r
+ range = ranges[ i ];\r
+\r
+ if ( !range.checkReadOnly() )\r
{\r
- while( ( current = range.getCommonAncestor( false, true ) )\r
- && ( dtd = CKEDITOR.dtd[ current.getName() ] )\r
- && !( dtd && dtd [ elementName ] ) )\r
+ // Remove the original contents, merge splitted nodes.\r
+ range.deleteContents( 1 );\r
+\r
+ clone = !i && element || element.clone( 1 );\r
+\r
+ // If we're inserting a block at dtd-violated position, split\r
+ // the parent blocks until we reach blockLimit.\r
+ var current, dtd;\r
+ if ( isBlock )\r
{\r
- // Split up inline elements.\r
- if ( current.getName() in CKEDITOR.dtd.span )\r
- range.splitElement( current );\r
- // If we're in an empty block which indicate a new paragraph,\r
- // simply replace it with the inserting block.(#3664)\r
- else if ( range.checkStartOfBlock()\r
- && range.checkEndOfBlock() )\r
+ while ( ( current = range.getCommonAncestor( 0, 1 ) )\r
+ && ( dtd = CKEDITOR.dtd[ current.getName() ] )\r
+ && !( dtd && dtd [ elementName ] ) )\r
{\r
- range.setStartBefore( current );\r
- range.collapse( true );\r
- current.remove();\r
+ // Split up inline elements.\r
+ if ( current.getName() in CKEDITOR.dtd.span )\r
+ range.splitElement( current );\r
+ // If we're in an empty block which indicate a new paragraph,\r
+ // simply replace it with the inserting block.(#3664)\r
+ else if ( range.checkStartOfBlock()\r
+ && range.checkEndOfBlock() )\r
+ {\r
+ range.setStartBefore( current );\r
+ range.collapse( true );\r
+ current.remove();\r
+ }\r
+ else\r
+ range.splitBlock();\r
}\r
- else\r
- range.splitBlock();\r
}\r
- }\r
\r
- // Insert the new node.\r
- range.insertNode( clone );\r
+ // Insert the new node.\r
+ range.insertNode( clone );\r
\r
- // Save the last element reference so we can make the\r
- // selection later.\r
- if ( !lastElement )\r
- lastElement = clone;\r
+ // Save the last element reference so we can make the\r
+ // selection later.\r
+ if ( !lastElement )\r
+ lastElement = clone;\r
+ }\r
}\r
\r
- range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );\r
+ if ( lastElement )\r
+ {\r
+ range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );\r
+\r
+ // If we're inserting a block element immediately followed by\r
+ // another block element, the selection must be optimized. (#3100,#5436,#8950)\r
+ if ( isBlock )\r
+ {\r
+ var next = lastElement.getNext( notEmpty ),\r
+ nextName = next && next.type == CKEDITOR.NODE_ELEMENT && next.getName();\r
\r
- var next = lastElement.getNextSourceNode( true );\r
- if ( next && next.type == CKEDITOR.NODE_ELEMENT )\r
- range.moveToElementEditStart( next );\r
+ // If the next one is a text block, move cursor to the start of it's content.\r
+ if ( nextName && CKEDITOR.dtd.$block[ nextName ] )\r
+ {\r
+ if ( CKEDITOR.dtd[ nextName ][ '#' ] )\r
+ range.moveToElementEditStart( next );\r
+ // Otherwise move cursor to the before end of the last element.\r
+ else\r
+ range.moveToElementEditEnd( lastElement );\r
+ }\r
+ // Open a new line if the block is inserted at the end of parent.\r
+ else if ( !next )\r
+ {\r
+ next = range.fixBlock( true, this.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' );\r
+ range.moveToElementEditStart( next );\r
+ }\r
+ }\r
+ }\r
\r
selection.selectRanges( [ range ] );\r
\r
- if ( selIsLocked )\r
- this.getSelection().lock();\r
-\r
- // Save snaps after the whole execution completed.\r
- // This's a workaround for make DOM modification's happened after\r
- // 'insertElement' to be included either, e.g. Form-based dialogs' 'commitContents'\r
- // call.\r
- CKEDITOR.tools.setTimeout( function(){\r
- this.fire( 'saveSnapshot' );\r
- }, 0, this );\r
- }\r
+ if ( selIsLocked )\r
+ this.getSelection().lock();\r
}\r
\r
// DOM modification here should not bother dirty flag.(#4385)\r
function restoreDirty( editor )\r
{\r
- if( !editor.checkDirty() )\r
- setTimeout( function(){ editor.resetDirty(); } );\r
+ if ( !editor.checkDirty() )\r
+ setTimeout( function(){ editor.resetDirty(); }, 0 );\r
}\r
\r
var isNotWhitespace = CKEDITOR.dom.walker.whitespaces( true ),\r
&& CKEDITOR.tools.trim( node.getText() ).match( /^(?: |\xa0)$/ );\r
}\r
\r
+ function restoreSelection( selection )\r
+ {\r
+ if ( selection.isLocked )\r
+ {\r
+ selection.unlock();\r
+ setTimeout( function() { selection.lock(); }, 0 );\r
+ }\r
+ }\r
+\r
+ function isBlankParagraph( block )\r
+ {\r
+ return block.getOuterHtml().match( emptyParagraphRegexp );\r
+ }\r
+\r
+ isNotWhitespace = CKEDITOR.dom.walker.whitespaces( true );\r
+\r
+ // Gecko need a key event to 'wake up' the editing\r
+ // ability when document is empty.(#3864, #5781)\r
+ function activateEditing( editor )\r
+ {\r
+ var win = editor.window,\r
+ doc = editor.document,\r
+ body = editor.document.getBody(),\r
+ bodyFirstChild = body.getFirst(),\r
+ bodyChildsNum = body.getChildren().count();\r
+\r
+ if ( !bodyChildsNum\r
+ || bodyChildsNum == 1\r
+ && bodyFirstChild.type == CKEDITOR.NODE_ELEMENT\r
+ && bodyFirstChild.hasAttribute( '_moz_editor_bogus_node' ) )\r
+ {\r
+ restoreDirty( editor );\r
+\r
+ // Memorize scroll position to restore it later (#4472).\r
+ var hostDocument = editor.element.getDocument();\r
+ var hostDocumentElement = hostDocument.getDocumentElement();\r
+ var scrollTop = hostDocumentElement.$.scrollTop;\r
+ var scrollLeft = hostDocumentElement.$.scrollLeft;\r
+\r
+ // Simulating keyboard character input by dispatching a keydown of white-space text.\r
+ var keyEventSimulate = doc.$.createEvent( "KeyEvents" );\r
+ keyEventSimulate.initKeyEvent( 'keypress', true, true, win.$, false,\r
+ false, false, false, 0, 32 );\r
+ doc.$.dispatchEvent( keyEventSimulate );\r
+\r
+ if ( scrollTop != hostDocumentElement.$.scrollTop || scrollLeft != hostDocumentElement.$.scrollLeft )\r
+ hostDocument.getWindow().$.scrollTo( scrollLeft, scrollTop );\r
+\r
+ // Restore the original document status by placing the cursor before a bogus br created (#5021).\r
+ bodyChildsNum && body.getFirst().remove();\r
+ doc.getBody().appendBogus();\r
+ var nativeRange = new CKEDITOR.dom.range( doc );\r
+ nativeRange.setStartAt( body , CKEDITOR.POSITION_AFTER_START );\r
+ nativeRange.select();\r
+ }\r
+ }\r
+\r
/**\r
* Auto-fixing block-less content by wrapping paragraph (#3190), prevent\r
* non-exitable-block by padding extra br.(#3189)\r
body = editor.document.getBody(),\r
enterMode = editor.config.enterMode;\r
\r
- // When enterMode set to block, we'll establing new paragraph only if we're\r
- // selecting inline contents right under body. (#3657)\r
- if ( enterMode != CKEDITOR.ENTER_BR\r
- && range.collapsed\r
- && blockLimit.getName() == 'body'\r
- && !path.block )\r
+ if ( CKEDITOR.env.gecko )\r
+ {\r
+ activateEditing( editor );\r
+\r
+ // Ensure bogus br could help to move cursor (out of styles) to the end of block. (#7041)\r
+ var pathBlock = path.block || path.blockLimit,\r
+ lastNode = pathBlock && pathBlock.getLast( isNotEmpty );\r
+\r
+ // Check some specialities of the current path block:\r
+ // 1. It is really displayed as block; (#7221)\r
+ // 2. It doesn't end with one inner block; (#7467)\r
+ // 3. It doesn't have bogus br yet.\r
+ if ( pathBlock\r
+ && pathBlock.isBlockBoundary()\r
+ && !( lastNode && lastNode.type == CKEDITOR.NODE_ELEMENT && lastNode.isBlockBoundary() )\r
+ && !pathBlock.is( 'pre' )\r
+ && !pathBlock.getBogus() )\r
+ {\r
+ pathBlock.appendBogus();\r
+ }\r
+ }\r
+\r
+ // When we're in block enter mode, a new paragraph will be established\r
+ // to encapsulate inline contents right under body. (#3657)\r
+ if ( editor.config.autoParagraph !== false\r
+ && enterMode != CKEDITOR.ENTER_BR\r
+ && range.collapsed\r
+ && blockLimit.getName() == 'body'\r
+ && !path.block )\r
{\r
- restoreDirty( editor );\r
var fixedBlock = range.fixBlock( true,\r
editor.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' );\r
\r
first && isNbsp( first ) && first.remove();\r
}\r
\r
- // If the fixed block is blank and already followed by a exitable\r
- // block, we should revert the fix. (#3684)\r
- if( fixedBlock.getOuterHtml().match( emptyParagraphRegexp ) )\r
+ // If the fixed block is actually blank and is already followed by an exitable blank\r
+ // block, we should revert the fix and move into the existed one. (#3684)\r
+ if ( isBlankParagraph( fixedBlock ) )\r
{\r
- var previousElement = fixedBlock.getPrevious( isNotWhitespace ),\r
- nextElement = fixedBlock.getNext( isNotWhitespace );\r
-\r
-\r
- if ( previousElement && previousElement.getName\r
- && !( previousElement.getName() in nonExitableElementNames )\r
- && range.moveToElementEditStart( previousElement )\r
- || nextElement && nextElement.getName\r
- && !( nextElement.getName() in nonExitableElementNames )\r
- && range.moveToElementEditStart( nextElement ) )\r
+ var element = fixedBlock.getNext( isNotWhitespace );\r
+ if ( element &&\r
+ element.type == CKEDITOR.NODE_ELEMENT &&\r
+ !nonEditable( element ) )\r
{\r
+ range.moveToElementEditStart( element );\r
fixedBlock.remove();\r
}\r
+ else\r
+ {\r
+ element = fixedBlock.getPrevious( isNotWhitespace );\r
+ if ( element &&\r
+ element.type == CKEDITOR.NODE_ELEMENT &&\r
+ !nonEditable( element ) )\r
+ {\r
+ range.moveToElementEditEnd( element );\r
+ fixedBlock.remove();\r
+ }\r
+ }\r
}\r
\r
range.select();\r
- // Notify non-IE that selection has changed.\r
- if( !CKEDITOR.env.ie )\r
- editor.selectionChange();\r
+ // Cancel this selection change in favor of the next (correct). (#6811)\r
+ evt.cancel();\r
}\r
\r
- // All browsers are incapable to moving cursor out of certain non-exitable\r
- // blocks (e.g. table, list, pre) at the end of document, make this happen by\r
- // place a bogus node there, which would be later removed by dataprocessor.\r
- var lastNode = body.getLast( CKEDITOR.dom.walker.whitespaces( true ) );\r
- if ( lastNode && lastNode.getName && ( lastNode.getName() in nonExitableElementNames ) )\r
+ // Browsers are incapable of moving cursor out of certain block elements (e.g. table, div, pre)\r
+ // at the end of document, makes it unable to continue adding content, we have to make this\r
+ // easier by opening an new empty paragraph.\r
+ var testRange = new CKEDITOR.dom.range( editor.document );\r
+ testRange.moveToElementEditEnd( editor.document.getBody() );\r
+ var testPath = new CKEDITOR.dom.elementPath( testRange.startContainer );\r
+ if ( !testPath.blockLimit.is( 'body') )\r
{\r
- restoreDirty( editor );\r
- if( !CKEDITOR.env.ie )\r
- body.appendBogus();\r
+ var paddingBlock;\r
+ if ( enterMode != CKEDITOR.ENTER_BR )\r
+ paddingBlock = body.append( editor.document.createElement( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) );\r
else\r
- body.append( editor.document.createText( '\xa0' ) );\r
+ paddingBlock = body;\r
+\r
+ if ( !CKEDITOR.env.ie )\r
+ paddingBlock.appendBogus();\r
}\r
}\r
\r
\r
init : function( editor )\r
{\r
- var fixForBody = ( editor.config.enterMode != CKEDITOR.ENTER_BR )\r
+ var fixForBody = ( editor.config.enterMode != CKEDITOR.ENTER_BR && editor.config.autoParagraph !== false )\r
? editor.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' : false;\r
\r
+ var frameLabel = editor.lang.editorTitle.replace( '%1', editor.name ),\r
+ frameDesc = editor.lang.editorHelp;\r
+\r
+ if ( CKEDITOR.env.ie )\r
+ frameLabel += ', ' + frameDesc;\r
+\r
+ var win = CKEDITOR.document.getWindow();\r
+ var contentDomReadyHandler;\r
editor.on( 'editingBlockReady', function()\r
{\r
var mainElement,\r
- fieldset,\r
iframe,\r
isLoadingData,\r
isPendingFocus,\r
frameLoaded,\r
- fireMode;\r
+ fireMode,\r
+ onResize;\r
+\r
\r
// Support for custom document.domain in IE.\r
var isCustomDomain = CKEDITOR.env.isCustomDomain();\r
\r
// Creates the iframe that holds the editable document.\r
- var createIFrame = function()\r
+ var createIFrame = function( data )\r
{\r
if ( iframe )\r
iframe.remove();\r
- if ( fieldset )\r
- fieldset.remove();\r
\r
- frameLoaded = 0;\r
- // The document domain must be set within the src\r
- // attribute;\r
- // Defer the script execution until iframe\r
- // has been added to main window, this is needed for some\r
- // browsers which will begin to load the frame content\r
- // prior to it's presentation in DOM.(#3894)\r
- var src = 'void( '\r
- + ( CKEDITOR.env.gecko ? 'setTimeout' : '' ) + '( function(){' +\r
- 'document.open();' +\r
- ( CKEDITOR.env.ie && isCustomDomain ? 'document.domain="' + document.domain + '";' : '' ) +\r
- 'document.write( window.parent[ "_cke_htmlToLoad_' + editor.name + '" ] );' +\r
- 'document.close();' +\r
- 'window.parent[ "_cke_htmlToLoad_' + editor.name + '" ] = null;' +\r
- '}'\r
- + ( CKEDITOR.env.gecko ? ', 0 )' : ')()' )\r
- + ' )';\r
-\r
- // Loading via src attribute does not work in Opera.\r
- if ( CKEDITOR.env.opera )\r
- src = 'void(0);';\r
+ var src =\r
+ 'document.open();' +\r
\r
- iframe = CKEDITOR.dom.element.createFromHtml( '<iframe' +\r
- ' style="width:100%;height:100%"' +\r
- ' frameBorder="0"' +\r
- ' tabIndex="-1"' +\r
- ' allowTransparency="true"' +\r
- ' src="javascript:' + encodeURIComponent( src ) + '"' +\r
- '></iframe>' );\r
+ // The document domain must be set any time we\r
+ // call document.open().\r
+ ( isCustomDomain ? ( 'document.domain="' + document.domain + '";' ) : '' ) +\r
\r
- var accTitle = editor.lang.editorTitle.replace( '%1', editor.name );\r
+ 'document.close();';\r
\r
- if ( CKEDITOR.env.gecko )\r
- {\r
- // Double checking the iframe will be loaded properly(#4058).\r
- iframe.on( 'load', function( ev )\r
+ // With IE, the custom domain has to be taken care at first,\r
+ // for other browers, the 'src' attribute should be left empty to\r
+ // trigger iframe's 'load' event.\r
+ src =\r
+ CKEDITOR.env.air ?\r
+ 'javascript:void(0)' :\r
+ CKEDITOR.env.ie ?\r
+ 'javascript:void(function(){' + encodeURIComponent( src ) + '}())'\r
+ :\r
+ '';\r
+\r
+ var labelId = CKEDITOR.tools.getNextId();\r
+ iframe = CKEDITOR.dom.element.createFromHtml( '<iframe' +\r
+ ' style="width:100%;height:100%"' +\r
+ ' frameBorder="0"' +\r
+ ' aria-describedby="' + labelId + '"' +\r
+ ' title="' + frameLabel + '"' +\r
+ ' src="' + src + '"' +\r
+ ' tabIndex="' + ( CKEDITOR.env.webkit? -1 : editor.tabIndex ) + '"' +\r
+ ' allowTransparency="true"' +\r
+ '></iframe>' );\r
+\r
+ // Running inside of Firefox chrome the load event doesn't bubble like in a normal page (#5689)\r
+ if ( document.location.protocol == 'chrome:' )\r
+ CKEDITOR.event.useCapture = true;\r
+\r
+ // With FF, it's better to load the data on iframe.load. (#3894,#4058)\r
+ iframe.on( 'load', function( ev )\r
{\r
+ frameLoaded = 1;\r
ev.removeListener();\r
- contentDomReady( iframe.$.contentWindow );\r
- } );\r
\r
- // Accessibility attributes for Firefox.\r
- mainElement.setAttributes(\r
- {\r
- role : 'region',\r
- title : accTitle\r
- } );\r
- iframe.setAttributes(\r
- {\r
- role : 'region',\r
- title : ' '\r
- } );\r
- }\r
- else if ( CKEDITOR.env.webkit )\r
- {\r
- iframe.setAttribute( 'title', accTitle ); // Safari 4\r
- iframe.setAttribute( 'name', accTitle ); // Safari 3\r
- }\r
- else if ( CKEDITOR.env.ie )\r
+ var doc = iframe.getFrameDocument();\r
+ doc.write( data );\r
+\r
+ CKEDITOR.env.air && contentDomReady( doc.getWindow().$ );\r
+ });\r
+\r
+ // Reset adjustment back to default (#5689)\r
+ if ( document.location.protocol == 'chrome:' )\r
+ CKEDITOR.event.useCapture = false;\r
+\r
+ mainElement.append( CKEDITOR.dom.element.createFromHtml(\r
+ '<span id="' + labelId + '" class="cke_voice_label">' + frameDesc + '</span>'));\r
+\r
+ mainElement.append( iframe );\r
+\r
+ // Webkit: iframe size doesn't auto fit well. (#7360)\r
+ if ( CKEDITOR.env.webkit )\r
{\r
- // Accessibility label for IE.\r
- fieldset = CKEDITOR.dom.element.createFromHtml(\r
- '<fieldset style="height:100%' +\r
- ( CKEDITOR.env.ie && CKEDITOR.env.quirks ? ';position:relative' : '' ) +\r
- '">' +\r
- '<legend style="display:block;width:0;height:0;overflow:hidden;' +\r
- ( CKEDITOR.env.ie && CKEDITOR.env.quirks ? 'position:absolute' : '' ) +\r
- '">' +\r
- CKEDITOR.tools.htmlEncode( accTitle ) +\r
- '</legend>' +\r
- '</fieldset>'\r
- , CKEDITOR.document );\r
- iframe.appendTo( fieldset );\r
- fieldset.appendTo( mainElement );\r
- }\r
+ onResize = function()\r
+ {\r
+ // Hide the iframe to get real size of the holder. (#8941)\r
+ mainElement.setStyle( 'width', '100%' );\r
+ iframe.hide();\r
+\r
+ iframe.setSize( 'width', mainElement.getSize( 'width' ) );\r
+ mainElement.removeStyle( 'width' );\r
+ iframe.show();\r
+ };\r
\r
- if ( !CKEDITOR.env.ie )\r
- mainElement.append( iframe );\r
+ win.on( 'resize', onResize );\r
+ }\r
};\r
\r
// The script that launches the bootstrap logic on 'domReady', so the document\r
// is fully editable even before the editing iframe is fully loaded (#4455).\r
+ contentDomReadyHandler = CKEDITOR.tools.addFunction( contentDomReady );\r
var activationScript =\r
- '<script id="cke_actscrpt" type="text/javascript">' +\r
- 'window.parent.CKEDITOR._["contentDomReady' + editor.name + '"]( window );' +\r
+ '<script id="cke_actscrpt" type="text/javascript" data-cke-temp="1">' +\r
+ ( isCustomDomain ? ( 'document.domain="' + document.domain + '";' ) : '' ) +\r
+ 'window.parent.CKEDITOR.tools.callFunction( ' + contentDomReadyHandler + ', window );' +\r
'</script>';\r
\r
// Editing area bootstrap code.\r
- var contentDomReady = function( domWindow )\r
+ function contentDomReady( domWindow )\r
{\r
- if ( frameLoaded )\r
+ if ( !frameLoaded )\r
return;\r
+ frameLoaded = 0;\r
\r
- frameLoaded = 1;\r
+ editor.fire( 'ariaWidget', iframe );\r
\r
var domDocument = domWindow.document,\r
body = domDocument.body;\r
\r
// Remove this script from the DOM.\r
var script = domDocument.getElementById( "cke_actscrpt" );\r
- script.parentNode.removeChild( script );\r
-\r
- delete CKEDITOR._[ 'contentDomReady' + editor.name ];\r
+ script && script.parentNode.removeChild( script );\r
\r
body.spellcheck = !editor.config.disableNativeSpellChecker;\r
\r
+ var editable = !editor.readOnly;\r
+\r
if ( CKEDITOR.env.ie )\r
{\r
// Don't display the focus border.\r
// Disable and re-enable the body to avoid IE from\r
// taking the editing focus at startup. (#141 / #523)\r
body.disabled = true;\r
- body.contentEditable = true;\r
+ body.contentEditable = editable;\r
body.removeAttribute( 'disabled' );\r
}\r
else\r
- domDocument.designMode = 'on';\r
+ {\r
+ // Avoid opening design mode in a frame window thread,\r
+ // which will cause host page scrolling.(#4397)\r
+ setTimeout( function()\r
+ {\r
+ // Prefer 'contentEditable' instead of 'designMode'. (#3593)\r
+ if ( CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900\r
+ || CKEDITOR.env.opera )\r
+ domDocument.$.body.contentEditable = editable;\r
+ else if ( CKEDITOR.env.webkit )\r
+ domDocument.$.body.parentNode.contentEditable = editable;\r
+ else\r
+ domDocument.$.designMode = editable? 'off' : 'on';\r
+ }, 0 );\r
+ }\r
\r
- // IE, Opera and Safari may not support it and throw\r
- // errors.\r
- try { domDocument.execCommand( 'enableObjectResizing', false, !editor.config.disableObjectResizing ) ; } catch(e) {}\r
- try { domDocument.execCommand( 'enableInlineTableEditing', false, !editor.config.disableNativeTableHandles ) ; } catch(e) {}\r
+ editable && CKEDITOR.env.gecko && CKEDITOR.tools.setTimeout( activateEditing, 0, null, editor );\r
\r
- domWindow = editor.window = new CKEDITOR.dom.window( domWindow );\r
+ domWindow = editor.window = new CKEDITOR.dom.window( domWindow );\r
domDocument = editor.document = new CKEDITOR.dom.document( domDocument );\r
\r
+ editable && domDocument.on( 'dblclick', function( evt )\r
+ {\r
+ var element = evt.data.getTarget(),\r
+ data = { element : element, dialog : '' };\r
+ editor.fire( 'doubleclick', data );\r
+ data.dialog && editor.openDialog( data.dialog );\r
+ });\r
+\r
+ // Prevent automatic submission in IE #6336\r
+ CKEDITOR.env.ie && domDocument.on( 'click', function( evt )\r
+ {\r
+ var element = evt.data.getTarget();\r
+ if ( element.is( 'input' ) )\r
+ {\r
+ var type = element.getAttribute( 'type' );\r
+ if ( type == 'submit' || type == 'reset' )\r
+ evt.data.preventDefault();\r
+ }\r
+ });\r
+\r
// Gecko/Webkit need some help when selecting control type elements. (#3448)\r
- if ( !( CKEDITOR.env.ie || CKEDITOR.env.opera) )\r
+ if ( !( CKEDITOR.env.ie || CKEDITOR.env.opera ) )\r
{\r
domDocument.on( 'mousedown', function( ev )\r
{\r
} );\r
}\r
\r
+ if ( CKEDITOR.env.gecko )\r
+ {\r
+ domDocument.on( 'mouseup', function( ev )\r
+ {\r
+ if ( ev.data.$.button == 2 )\r
+ {\r
+ var target = ev.data.getTarget();\r
+\r
+ // Prevent right click from selecting an empty block even\r
+ // when selection is anchored inside it. (#5845)\r
+ if ( !target.getOuterHtml().replace( emptyParagraphRegexp, '' ) )\r
+ {\r
+ var range = new CKEDITOR.dom.range( domDocument );\r
+ range.moveToElementEditStart( target );\r
+ range.select( true );\r
+ }\r
+ }\r
+ } );\r
+ }\r
+\r
+ // Prevent the browser opening links in read-only blocks. (#6032)\r
+ domDocument.on( 'click', function( ev )\r
+ {\r
+ ev = ev.data;\r
+ if ( ev.getTarget().is( 'a' ) && ev.$.button != 2 )\r
+ ev.preventDefault();\r
+ });\r
+\r
// Webkit: avoid from editing form control elements content.\r
if ( CKEDITOR.env.webkit )\r
{\r
+ // Mark that cursor will right blinking (#7113).\r
+ domDocument.on( 'mousedown', function() { wasFocused = 1; } );\r
// Prevent from tick checkbox/radiobox/select\r
domDocument.on( 'click', function( ev )\r
{\r
} );\r
}\r
\r
- // IE standard compliant in editing frame doesn't focus the editor when\r
- // clicking outside actual content, manually apply the focus. (#1659)\r
- if( CKEDITOR.env.ie\r
- && domDocument.$.compatMode == 'CSS1Compat' )\r
- {\r
- var htmlElement = domDocument.getDocumentElement();\r
- htmlElement.on( 'mousedown', function( evt )\r
- {\r
- // Setting focus directly on editor doesn't work, we\r
- // have to use here a temporary element to 'redirect'\r
- // the focus.\r
- if ( evt.data.getTarget().equals( htmlElement ) )\r
- ieFocusGrabber.focus();\r
- } );\r
- }\r
-\r
- var focusTarget = ( CKEDITOR.env.ie || CKEDITOR.env.webkit ) ?\r
- domWindow : domDocument;\r
-\r
+ var focusTarget = CKEDITOR.env.ie ? iframe : domWindow;\r
focusTarget.on( 'blur', function()\r
{\r
editor.focusManager.blur();\r
});\r
\r
+ var wasFocused;\r
+\r
focusTarget.on( 'focus', function()\r
{\r
- // Gecko need a key event to 'wake up' the editing\r
- // ability when document is empty.(#3864)\r
- if ( CKEDITOR.env.gecko )\r
- {\r
- var first = body;\r
- while( first.firstChild )\r
- first = first.firstChild;\r
+ var doc = editor.document;\r
\r
- if( !first.nextSibling\r
- && ( 'BR' == first.tagName )\r
- && first.hasAttribute( '_moz_editor_bogus_node' ) )\r
+ if ( CKEDITOR.env.gecko || CKEDITOR.env.opera )\r
+ doc.getBody().focus();\r
+ // Webkit needs focus for the first time on the HTML element. (#6153)\r
+ else if ( CKEDITOR.env.webkit )\r
+ {\r
+ if ( !wasFocused )\r
{\r
- var keyEventSimulate = domDocument.$.createEvent( "KeyEvents" );\r
- keyEventSimulate.initKeyEvent( 'keypress', true, true, domWindow.$, false,\r
- false, false, false, 0, 32 );\r
- domDocument.$.dispatchEvent( keyEventSimulate );\r
- var bogusText = domDocument.getBody().getFirst() ;\r
- // Compensate the line maintaining <br> if enterMode is not block.\r
- if ( editor.config.enterMode == CKEDITOR.ENTER_BR )\r
- domDocument.createElement( 'br', { attributes: { '_moz_dirty' : "" } } )\r
- .replace( bogusText );\r
- else\r
- bogusText.remove();\r
+ editor.document.getDocumentElement().focus();\r
+ wasFocused = 1;\r
}\r
}\r
\r
});\r
\r
var keystrokeHandler = editor.keystrokeHandler;\r
- if ( keystrokeHandler )\r
- keystrokeHandler.attach( domDocument );\r
+ // Prevent backspace from navigating off the page.\r
+ keystrokeHandler.blockedKeystrokes[ 8 ] = !editable;\r
+ keystrokeHandler.attach( domDocument );\r
\r
- if ( CKEDITOR.env.ie )\r
+ domDocument.getDocumentElement().addClass( domDocument.$.compatMode );\r
+ // Override keystroke behaviors.\r
+ editable && domDocument.on( 'keydown', function( evt )\r
{\r
- // Cancel default action for backspace in IE on control types. (#4047)\r
- domDocument.on( 'keydown', function( evt )\r
+ var keyCode = evt.data.getKeystroke();\r
+\r
+ // Backspace OR Delete.\r
+ if ( keyCode in { 8 : 1, 46 : 1 } )\r
{\r
- // Backspace.\r
- var control = evt.data.getKeystroke() == 8\r
- && editor.getSelection().getSelectedElement();\r
- if ( control )\r
+ var sel = editor.getSelection(),\r
+ selected = sel.getSelectedElement(),\r
+ range = sel.getRanges()[ 0 ],\r
+ path = new CKEDITOR.dom.elementPath( range.startContainer ),\r
+ block,\r
+ parent,\r
+ next,\r
+ rtl = keyCode == 8;\r
+\r
+ // Override keystrokes which should have deletion behavior\r
+ // on fully selected element . (#4047) (#7645)\r
+ if ( selected )\r
{\r
// Make undo snapshot.\r
editor.fire( 'saveSnapshot' );\r
- // Remove manually.\r
- control.remove();\r
+\r
+ // Delete any element that 'hasLayout' (e.g. hr,table) in IE8 will\r
+ // break up the selection, safely manage it here. (#4795)\r
+ range.moveToPosition( selected, CKEDITOR.POSITION_BEFORE_START );\r
+ // Remove the control manually.\r
+ selected.remove();\r
+ range.select();\r
+\r
editor.fire( 'saveSnapshot' );\r
- evt.cancel();\r
+\r
+ evt.data.preventDefault();\r
}\r
- } );\r
+ else\r
+ {\r
+ // Handle the following special cases: (#6217)\r
+ // 1. Del/Backspace key before/after table;\r
+ // 2. Backspace Key after start of table.\r
+ if ( ( block = path.block ) &&\r
+ range[ rtl ? 'checkStartOfBlock' : 'checkEndOfBlock' ]() &&\r
+ ( next = block[ rtl ? 'getPrevious' : 'getNext' ]( notWhitespaceEval ) ) &&\r
+ next.is( 'table' ) )\r
+ {\r
+ editor.fire( 'saveSnapshot' );\r
+\r
+ // Remove the current empty block.\r
+ if ( range[ rtl ? 'checkEndOfBlock' : 'checkStartOfBlock' ]() )\r
+ block.remove();\r
+\r
+ // Move cursor to the beginning/end of table cell.\r
+ range[ 'moveToElementEdit' + ( rtl ? 'End' : 'Start' ) ]( next );\r
+ range.select();\r
+\r
+ editor.fire( 'saveSnapshot' );\r
+\r
+ evt.data.preventDefault();\r
+ }\r
+ else if ( path.blockLimit.is( 'td' ) &&\r
+ ( parent = path.blockLimit.getAscendant( 'table' ) ) &&\r
+ range.checkBoundaryOfElement( parent, rtl ? CKEDITOR.START : CKEDITOR.END ) &&\r
+ ( next = parent[ rtl ? 'getPrevious' : 'getNext' ]( notWhitespaceEval ) ) )\r
+ {\r
+ editor.fire( 'saveSnapshot' );\r
+\r
+ // Move cursor to the end of previous block.\r
+ range[ 'moveToElementEdit' + ( rtl ? 'End' : 'Start' ) ]( next );\r
+\r
+ // Remove any previous empty block.\r
+ if ( range.checkStartOfBlock() && range.checkEndOfBlock() )\r
+ next.remove();\r
+ else\r
+ range.select();\r
+\r
+ editor.fire( 'saveSnapshot' );\r
+\r
+ evt.data.preventDefault();\r
+ }\r
\r
- // PageUp/PageDown scrolling is broken in document\r
- // with standard doctype, manually fix it. (#4736)\r
- if( domDocument.$.compatMode == 'CSS1Compat' )\r
+ }\r
+ }\r
+\r
+ // PageUp OR PageDown\r
+ if ( keyCode == 33 || keyCode == 34 )\r
{\r
- var pageUpDownKeys = { 33 : 1, 34 : 1 };\r
- domDocument.on( 'keydown', function( evt )\r
+ if ( CKEDITOR.env.gecko )\r
{\r
- if( evt.data.getKeystroke() in pageUpDownKeys )\r
+ var body = domDocument.getBody();\r
+\r
+ // Page up/down cause editor selection to leak\r
+ // outside of editable thus we try to intercept\r
+ // the behavior, while it affects only happen\r
+ // when editor contents are not overflowed. (#7955)\r
+ if ( domWindow.$.innerHeight > body.$.offsetHeight )\r
{\r
- setTimeout( function ()\r
- {\r
- editor.getSelection().scrollIntoView();\r
- }, 0 );\r
+ range = new CKEDITOR.dom.range( domDocument );\r
+ range[ keyCode == 33 ? 'moveToElementEditStart' : 'moveToElementEditEnd']( body );\r
+ range.select();\r
+ evt.data.preventDefault();\r
}\r
- } );\r
+ }\r
+\r
}\r
+ } );\r
+\r
+ // PageUp/PageDown scrolling is broken in document\r
+ // with standard doctype, manually fix it. (#4736)\r
+ if ( CKEDITOR.env.ie && domDocument.$.compatMode == 'CSS1Compat' )\r
+ {\r
+ var pageUpDownKeys = { 33 : 1, 34 : 1 };\r
+ domDocument.on( 'keydown', function( evt )\r
+ {\r
+ if ( evt.data.getKeystroke() in pageUpDownKeys )\r
+ {\r
+ setTimeout( function ()\r
+ {\r
+ editor.getSelection().scrollIntoView();\r
+ }, 0 );\r
+ }\r
+ } );\r
+ }\r
+\r
+ // Prevent IE from leaving new paragraph after deleting all contents in body. (#6966)\r
+ if ( CKEDITOR.env.ie && editor.config.enterMode != CKEDITOR.ENTER_P )\r
+ {\r
+ domDocument.on( 'selectionchange', function()\r
+ {\r
+ var body = domDocument.getBody(),\r
+ sel = editor.getSelection(),\r
+ range = sel && sel.getRanges()[ 0 ];\r
+\r
+ if ( range && body.getHtml().match( /^<p> <\/p>$/i )\r
+ && range.startContainer.equals( body ) )\r
+ {\r
+ // Avoid the ambiguity from a real user cursor position.\r
+ setTimeout( function ()\r
+ {\r
+ range = editor.getSelection().getRanges()[ 0 ];\r
+ if ( !range.startContainer.equals ( 'body' ) )\r
+ {\r
+ body.getFirst().remove( 1 );\r
+ range.moveToElementEditEnd( body );\r
+ range.select( 1 );\r
+ }\r
+ }, 0 );\r
+ }\r
+ });\r
}\r
\r
// Adds the document body as a context menu target.\r
if ( fireMode )\r
{\r
editor.mode = 'wysiwyg';\r
- editor.fire( 'mode' );\r
+ editor.fire( 'mode', { previousMode : editor._.previousMode } );\r
fireMode = false;\r
}\r
\r
editor.fire( 'dataReady' );\r
}, 0 );\r
\r
+ // Enable dragging of position:absolute elements in IE.\r
+ try { editor.document.$.execCommand ( '2D-position', false, true); } catch(e) {}\r
+\r
+ // IE, Opera and Safari may not support it and throw errors.\r
+ try { editor.document.$.execCommand( 'enableInlineTableEditing', false, !editor.config.disableNativeTableHandles ); } catch(e) {}\r
+ if ( editor.config.disableObjectResizing )\r
+ {\r
+ try\r
+ {\r
+ editor.document.$.execCommand( 'enableObjectResizing', false, false );\r
+ }\r
+ catch(e)\r
+ {\r
+ // For browsers in which the above method failed, we can cancel the resizing on the fly (#4208)\r
+ editor.document.getBody().on( CKEDITOR.env.ie ? 'resizestart' : 'resize', function( evt )\r
+ {\r
+ evt.data.preventDefault();\r
+ });\r
+ }\r
+ }\r
+\r
/*\r
* IE BUG: IE might have rendered the iframe with invisible contents.\r
* (#3623). Push some inconsequential CSS style changes to force IE to\r
}\r
},\r
0 );\r
- };\r
+ }\r
\r
editor.addMode( 'wysiwyg',\r
{\r
loadData : function( data )\r
{\r
isLoadingData = true;\r
+ editor._.dataStore = { id : 1 };\r
+\r
+ var config = editor.config,\r
+ fullPage = config.fullPage,\r
+ docType = config.docType;\r
+\r
+ // Build the additional stuff to be included into <head>.\r
+ var headExtra =\r
+ '<style type="text/css" data-cke-temp="1">' +\r
+ editor._.styles.join( '\n' ) +\r
+ '</style>';\r
+\r
+ !fullPage && ( headExtra =\r
+ CKEDITOR.tools.buildStyleHtml( editor.config.contentsCss ) +\r
+ headExtra );\r
+\r
+ var baseTag = config.baseHref ? '<base href="' + config.baseHref + '" data-cke-temp="1" />' : '';\r
+\r
+ if ( fullPage )\r
+ {\r
+ // Search and sweep out the doctype declaration.\r
+ data = data.replace( /<!DOCTYPE[^>]*>/i, function( match )\r
+ {\r
+ editor.docType = docType = match;\r
+ return '';\r
+ }).replace( /<\?xml\s[^\?]*\?>/i, function( match )\r
+ {\r
+ editor.xmlDeclaration = match;\r
+ return '';\r
+ });\r
+ }\r
\r
// Get the HTML version of the data.\r
if ( editor.dataProcessor )\r
- {\r
data = editor.dataProcessor.toHtml( data, fixForBody );\r
- }\r
\r
- data =\r
- editor.config.docType +\r
- '<html dir="' + editor.config.contentsLangDirection + '">' +\r
- '<head>' +\r
- '<link type="text/css" rel="stylesheet" href="' +\r
- [].concat( editor.config.contentsCss ).join( '"><link type="text/css" rel="stylesheet" href="' ) +\r
- '">' +\r
- '<style type="text/css" _fcktemp="true">' +\r
- editor._.styles.join( '\n' ) +\r
- '</style>'+\r
- '</head>' +\r
- '<body>' +\r
- data +\r
- '</body>' +\r
- '</html>' +\r
- activationScript;\r
-\r
- window[ '_cke_htmlToLoad_' + editor.name ] = data;\r
- CKEDITOR._[ 'contentDomReady' + editor.name ] = contentDomReady;\r
- createIFrame();\r
-\r
- // Opera must use the old method for loading contents.\r
- if ( CKEDITOR.env.opera )\r
+ if ( fullPage )\r
{\r
- var doc = iframe.$.contentWindow.document;\r
- doc.open();\r
- doc.write( data );\r
- doc.close();\r
+ // Check if the <body> tag is available.\r
+ if ( !(/<body[\s|>]/).test( data ) )\r
+ data = '<body>' + data;\r
+\r
+ // Check if the <html> tag is available.\r
+ if ( !(/<html[\s|>]/).test( data ) )\r
+ data = '<html>' + data + '</html>';\r
+\r
+ // Check if the <head> tag is available.\r
+ if ( !(/<head[\s|>]/).test( data ) )\r
+ data = data.replace( /<html[^>]*>/, '$&<head><title></title></head>' ) ;\r
+ else if ( !(/<title[\s|>]/).test( data ) )\r
+ data = data.replace( /<head[^>]*>/, '$&<title></title>' ) ;\r
+\r
+ // The base must be the first tag in the HEAD, e.g. to get relative\r
+ // links on styles.\r
+ baseTag && ( data = data.replace( /<head>/, '$&' + baseTag ) );\r
+\r
+ // Inject the extra stuff into <head>.\r
+ // Attention: do not change it before testing it well. (V2)\r
+ // This is tricky... if the head ends with <meta ... content type>,\r
+ // Firefox will break. But, it works if we place our extra stuff as\r
+ // the last elements in the HEAD.\r
+ data = data.replace( /<\/head\s*>/, headExtra + '$&' );\r
+\r
+ // Add the DOCTYPE back to it.\r
+ data = docType + data;\r
}\r
+ else\r
+ {\r
+ data =\r
+ config.docType +\r
+ '<html dir="' + config.contentsLangDirection + '"' +\r
+ ' lang="' + ( config.contentsLanguage || editor.langCode ) + '">' +\r
+ '<head>' +\r
+ '<title>' + frameLabel + '</title>' +\r
+ baseTag +\r
+ headExtra +\r
+ '</head>' +\r
+ '<body' + ( config.bodyId ? ' id="' + config.bodyId + '"' : '' ) +\r
+ ( config.bodyClass ? ' class="' + config.bodyClass + '"' : '' ) +\r
+ '>' +\r
+ data +\r
+ '</html>';\r
+ }\r
+\r
+ // Distinguish bogus to normal BR at the end of document for Mozilla. (#5293).\r
+ if ( CKEDITOR.env.gecko )\r
+ data = data.replace( /<br \/>(?=\s*<\/(:?html|body)>)/, '$&<br type="_moz" />' );\r
+\r
+ data += activationScript;\r
+\r
+\r
+ // The iframe is recreated on each call of setData, so we need to clear DOM objects\r
+ this.onDispose();\r
+ createIFrame( data );\r
},\r
\r
getData : function()\r
{\r
- var data = iframe.getFrameDocument().getBody().getHtml();\r
+ var config = editor.config,\r
+ fullPage = config.fullPage,\r
+ docType = fullPage && editor.docType,\r
+ xmlDeclaration = fullPage && editor.xmlDeclaration,\r
+ doc = iframe.getFrameDocument();\r
+\r
+ var data = fullPage\r
+ ? doc.getDocumentElement().getOuterHtml()\r
+ : doc.getBody().getHtml();\r
+\r
+ // BR at the end of document is bogus node for Mozilla. (#5293).\r
+ if ( CKEDITOR.env.gecko )\r
+ data = data.replace( /<br>(?=\s*(:?$|<\/body>))/, '' );\r
\r
if ( editor.dataProcessor )\r
data = editor.dataProcessor.toDataFormat( data, fixForBody );\r
\r
- // Strip the last blank paragraph within document.\r
- if ( editor.config.ignoreEmptyParagraph )\r
- data = data.replace( emptyParagraphRegexp, '' );\r
+ // Reset empty if the document contains only one empty paragraph.\r
+ if ( config.ignoreEmptyParagraph )\r
+ data = data.replace( emptyParagraphRegexp, function( match, lookback ) { return lookback; } );\r
+\r
+ if ( xmlDeclaration )\r
+ data = xmlDeclaration + '\n' + data;\r
+ if ( docType )\r
+ data = docType + '\n' + data;\r
\r
return data;\r
},\r
iframe.getFrameDocument().getBody().setHtml( data );\r
},\r
\r
+ onDispose : function()\r
+ {\r
+ if ( !editor.document )\r
+ return;\r
+\r
+ editor.document.getDocumentElement().clearCustomData();\r
+ editor.document.getBody().clearCustomData();\r
+\r
+ editor.window.clearCustomData();\r
+ editor.document.clearCustomData();\r
+\r
+ iframe.clearCustomData();\r
+\r
+ /*\r
+ * IE BUG: When destroying editor DOM with the selection remains inside\r
+ * editing area would break IE7/8's selection system, we have to put the editing\r
+ * iframe offline first. (#3812 and #5441)\r
+ */\r
+ iframe.remove();\r
+ },\r
+\r
unload : function( holderElement )\r
{\r
+ this.onDispose();\r
+\r
+ if ( onResize )\r
+ win.removeListener( 'resize', onResize );\r
+\r
editor.window = editor.document = iframe = mainElement = isPendingFocus = null;\r
\r
editor.fire( 'contentDomUnload' );\r
\r
focus : function()\r
{\r
+ var win = editor.window;\r
+\r
if ( isLoadingData )\r
isPendingFocus = true;\r
- else if ( editor.window )\r
+ else if ( win )\r
{\r
- editor.window.focus();\r
+ var sel = editor.getSelection(),\r
+ ieSel = sel && sel.getNative();\r
\r
- // Force the selection to happen, in this way\r
- // we guarantee the focus will be there. (#4848)\r
- if ( CKEDITOR.env.ie )\r
- {\r
- try\r
- {\r
- var sel = editor.getSelection();\r
- sel = sel && sel.getNative();\r
- var range = sel && sel.type && sel.createRange();\r
- if ( range )\r
- {\r
- sel.empty();\r
- range.select();\r
- }\r
- }\r
- catch (e) {}\r
- }\r
+ // IE considers control-type element as separate\r
+ // focus host when selected, avoid destroying the\r
+ // selection in such case. (#5812) (#8949)\r
+ if ( ieSel && ieSel.type == 'Control' )\r
+ return;\r
\r
+ // AIR needs a while to focus when moving from a link.\r
+ CKEDITOR.env.air ? setTimeout( function () { win.focus(); }, 0 ) : win.focus();\r
editor.selectionChange();\r
}\r
}\r
});\r
\r
- editor.on( 'insertHtml', onInsertHtml, null, null, 20 );\r
- editor.on( 'insertElement', onInsertElement, null, null, 20 );\r
+ editor.on( 'insertHtml', onInsert( doInsertHtml ) , null, null, 20 );\r
+ editor.on( 'insertElement', onInsert( doInsertElement ), null, null, 20 );\r
+ editor.on( 'insertText', onInsert( doInsertText ), null, null, 20 );\r
// Auto fixing on some document structure weakness to enhance usabilities. (#3190 and #3189)\r
- editor.on( 'selectionChange', onSelectionChangeFixBody, null, null, 1 );\r
+ editor.on( 'selectionChange', function( evt )\r
+ {\r
+ if ( editor.readOnly )\r
+ return;\r
+\r
+ var sel = editor.getSelection();\r
+ // Do it only when selection is not locked. (#8222)\r
+ if ( sel && !sel.isLocked )\r
+ {\r
+ var isDirty = editor.checkDirty();\r
+ editor.fire( 'saveSnapshot', { contentOnly : 1 } );\r
+ onSelectionChangeFixBody.call( this, evt );\r
+ editor.fire( 'updateSnapshot' );\r
+ !isDirty && editor.resetDirty();\r
+ }\r
+\r
+ }, null, null, 1 );\r
});\r
\r
- // Create an invisible element to grab focus.\r
- if( CKEDITOR.env.ie )\r
- {\r
- var ieFocusGrabber;\r
- editor.on( 'uiReady', function()\r
+ editor.on( 'contentDom', function()\r
{\r
- ieFocusGrabber = editor.container.append( CKEDITOR.dom.element.createFromHtml(\r
- '<input tabindex="-1" style="position:absolute; left:-10000">' ) );\r
+ var title = editor.document.getElementsByTag( 'title' ).getItem( 0 );\r
+ title.data( 'cke-title', editor.document.$.title );\r
\r
- ieFocusGrabber.on( 'focus', function()\r
- {\r
- editor.focus();\r
- } );\r
- } );\r
+ // [IE] JAWS will not recognize the aria label we used on the iframe\r
+ // unless the frame window title string is used as the voice label,\r
+ // backup the original one and restore it on output.\r
+ CKEDITOR.env.ie && ( editor.document.$.title = frameLabel );\r
+ });\r
+\r
+ editor.on( 'readOnly', function()\r
+ {\r
+ if ( editor.mode == 'wysiwyg' )\r
+ {\r
+ // Symply reload the wysiwyg area. It'll take care of read-only.\r
+ var wysiwyg = editor.getMode();\r
+ wysiwyg.loadData( wysiwyg.getData() );\r
+ }\r
+ });\r
+\r
+ // IE>=8 stricts mode doesn't have 'contentEditable' in effect\r
+ // on element unless it has layout. (#5562)\r
+ if ( CKEDITOR.document.$.documentMode >= 8 )\r
+ {\r
+ editor.addCss( 'html.CSS1Compat [contenteditable=false]{ min-height:0 !important;}' );\r
+\r
+ var selectors = [];\r
+ for ( var tag in CKEDITOR.dtd.$removeEmpty )\r
+ selectors.push( 'html.CSS1Compat ' + tag + '[contenteditable=false]' );\r
+ editor.addCss( selectors.join( ',' ) + '{ display:inline-block;}' );\r
+ }\r
+ // Set the HTML style to 100% to have the text cursor in affect (#6341)\r
+ else if ( CKEDITOR.env.gecko )\r
+ {\r
+ editor.addCss( 'html { height: 100% !important; }' );\r
+ editor.addCss( 'img:-moz-broken { -moz-force-broken-image-icon : 1; min-width : 24px; min-height : 24px; }' );\r
}\r
+ // Remove the margin to avoid mouse confusion. (#8835)\r
+ else if ( CKEDITOR.env.ie && CKEDITOR.env.version < 8 && editor.config.contentsLangDirection == 'ltr' )\r
+ editor.addCss( 'body{margin-right:0;}' );\r
+\r
+ /* #3658: [IE6] Editor document has horizontal scrollbar on long lines\r
+ To prevent this misbehavior, we show the scrollbar always */\r
+ /* #6341: The text cursor must be set on the editor area. */\r
+ /* #6632: Avoid having "text" shape of cursor in IE7 scrollbars.*/\r
+ editor.addCss( 'html { _overflow-y: scroll; cursor: text; *cursor:auto;}' );\r
+ // Use correct cursor for these elements\r
+ editor.addCss( 'img, input, textarea { cursor: default;}' );\r
+\r
+ // Disable form elements editing mode provided by some browers. (#5746)\r
+ editor.on( 'insertElement', function ( evt )\r
+ {\r
+ var element = evt.data;\r
+ if ( element.type == CKEDITOR.NODE_ELEMENT\r
+ && ( element.is( 'input' ) || element.is( 'textarea' ) ) )\r
+ {\r
+ // We should flag that the element was locked by our code so\r
+ // it'll be editable by the editor functions (#6046).\r
+ var readonly = element.getAttribute( 'contenteditable' ) == 'false';\r
+ if ( !readonly )\r
+ {\r
+ element.data( 'cke-editable', element.hasAttribute( 'contenteditable' ) ? 'true' : '1' );\r
+ element.setAttribute( 'contenteditable', false );\r
+ }\r
+ }\r
+ });\r
+\r
}\r
});\r
\r
// Fixing Firefox 'Back-Forward Cache' break design mode. (#4514)\r
- if( CKEDITOR.env.gecko )\r
+ if ( CKEDITOR.env.gecko )\r
{\r
- var topWin = window.top;\r
-\r
- ( function ()\r
+ (function()\r
{\r
- var topBody = topWin.document.body;\r
+ var body = document.body;\r
\r
- if( !topBody )\r
- topWin.addEventListener( 'load', arguments.callee, false );\r
+ if ( !body )\r
+ window.addEventListener( 'load', arguments.callee, false );\r
else\r
{\r
- topBody.setAttribute( 'onpageshow', topBody.getAttribute( 'onpageshow' )\r
- + ';event.persisted && CKEDITOR.tools.callFunction(' +\r
- CKEDITOR.tools.addFunction( function()\r
- {\r
- var allInstances = CKEDITOR.instances,\r
- editor,\r
- doc;\r
- for( var i in allInstances )\r
- {\r
- editor = allInstances[ i ];\r
- doc = editor.document;\r
- if( doc )\r
- {\r
- doc.$.designMode = 'off';\r
- doc.$.designMode = 'on';\r
- }\r
- }\r
- } ) + ')' );\r
+ var currentHandler = body.getAttribute( 'onpageshow' );\r
+ body.setAttribute( 'onpageshow', ( currentHandler ? currentHandler + ';' : '') +\r
+ 'event.persisted && (function(){' +\r
+ 'var allInstances = CKEDITOR.instances, editor, doc;' +\r
+ 'for ( var i in allInstances )' +\r
+ '{' +\r
+ ' editor = allInstances[ i ];' +\r
+ ' doc = editor.document;' +\r
+ ' if ( doc )' +\r
+ ' {' +\r
+ ' doc.$.designMode = "off";' +\r
+ ' doc.$.designMode = "on";' +\r
+ ' }' +\r
+ '}' +\r
+ '})();' );\r
}\r
} )();\r
\r
CKEDITOR.config.disableNativeTableHandles = true;\r
\r
/**\r
- * Disables the built-in spell checker while typing natively available in the\r
- * browser (currently Firefox and Safari only).<br /><br />\r
+ * Disables the built-in words spell checker if browser provides one.<br /><br />\r
*\r
- * Even if word suggestions will not appear in the CKEditor context menu, this\r
- * feature is useful to help quickly identifying misspelled words.<br /><br />\r
+ * <strong>Note:</strong> Although word suggestions provided by browsers (natively) will not appear in CKEditor's default context menu,\r
+ * users can always reach the native context menu by holding the <em>Ctrl</em> key when right-clicking if {@link CKEDITOR.config.browserContextMenuOnCtrl}\r
+ * is enabled or you're simply not using the context menu plugin.\r
*\r
- * This setting is currently compatible with Firefox only due to limitations in\r
- * other browsers.\r
* @type Boolean\r
* @default true\r
* @example\r
* config.ignoreEmptyParagraph = false;\r
*/\r
CKEDITOR.config.ignoreEmptyParagraph = true;\r
+\r
+/**\r
+ * Fired when data is loaded and ready for retrieval in an editor instance.\r
+ * @name CKEDITOR.editor#dataReady\r
+ * @event\r
+ */\r
+\r
+/**\r
+ * Whether automatically create wrapping blocks around inline contents inside document body,\r
+ * this helps to ensure the integrality of the block enter mode.\r
+ * <strong>Note:</strong> Changing the default value might introduce unpredictable usability issues.\r
+ * @name CKEDITOR.config.autoParagraph\r
+ * @since 3.6\r
+ * @type Boolean\r
+ * @default true\r
+ * @example\r
+ * config.autoParagraph = false;\r
+ */\r
+\r
+/**\r
+ * Fired when some elements are added to the document\r
+ * @name CKEDITOR.editor#ariaWidget\r
+ * @event\r
+ * @param {Object} element The element being added\r
+ */\r