/*\r
-Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
// Matching an empty paragraph at the end of document.\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
+ 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
// Elements that could blink the cursor anchoring beside it, like hr, page-break. (#6554)\r
function nonEditable( element )\r
{\r
this.focus();\r
\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
+ selIsLocked && selection.unlock();\r
+\r
this.fire( 'saveSnapshot' );\r
\r
insertFunc.call( this, evt.data );\r
\r
+ selIsLocked && this.getSelection().lock();\r
+\r
+ var that = this;\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
+ setTimeout( function()\r
{\r
- this.fire( 'saveSnapshot' );\r
- }, 0, this );\r
+ try { that.fire( 'saveSnapshot' ); }\r
+ // IEs < 9 may requires a further delay to save snapshot, after pasting. (#9132)\r
+ catch ( e ) { setTimeout( function(){ that.fire( 'saveSnapshot' ); }, 200 ); }\r
+ }, 0 );\r
}\r
};\r
}\r
\r
if ( CKEDITOR.env.ie )\r
{\r
- var selIsLocked = selection.isLocked;\r
-\r
- if ( selIsLocked )\r
- selection.unlock();\r
-\r
var $sel = selection.getNative();\r
\r
// Delete control selections to avoid IE bugs on pasteHTML.\r
}\r
\r
$sel.createRange().pasteHTML( data );\r
-\r
- if ( selIsLocked )\r
- this.getSelection().lock();\r
}\r
else\r
this.document.$.execCommand( 'inserthtml', false, data );\r
{\r
range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );\r
\r
- // If we're inserting a block element immediatelly followed by\r
- // another block element, the selection must move there. (#3100,#5436)\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( notWhitespaceEval ),\r
+ var next = lastElement.getNext( notEmpty ),\r
nextName = next && next.type == CKEDITOR.NODE_ELEMENT && next.getName();\r
\r
- // Check if it's a block element that accepts text.\r
- if ( nextName && CKEDITOR.dtd.$block[ nextName ] && CKEDITOR.dtd[ nextName ]['#'] )\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
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
+ // ability when document is empty.(#3864)\r
function activateEditing( editor )\r
{\r
var win = editor.window,\r
\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
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
+ 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
isLoadingData,\r
isPendingFocus,\r
frameLoaded,\r
- fireMode;\r
+ fireMode,\r
+ onResize;\r
\r
\r
// Support for custom document.domain in IE.\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
- ' title="' + frameLabel + '"' +\r
+ ' aria-describedby="' + labelId + '"' +\r
+ ' title="' + frameLabel + '"' +\r
' src="' + src + '"' +\r
' tabIndex="' + ( CKEDITOR.env.webkit? -1 : editor.tabIndex ) + '"' +\r
' allowTransparency="true"' +\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
+ 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
+ win.on( 'resize', onResize );\r
+ }\r
};\r
\r
// The script that launches the bootstrap logic on 'domReady', so the document\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 ( editable &&\r
- CKEDITOR.env.ie && domDocument.$.compatMode == 'CSS1Compat'\r
- || CKEDITOR.env.gecko\r
- || CKEDITOR.env.opera )\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
- {\r
- if ( CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900 )\r
- blinkCursor();\r
- focusGrabber.focus();\r
- }\r
- } );\r
- }\r
-\r
var focusTarget = CKEDITOR.env.ie ? iframe : domWindow;\r
focusTarget.on( 'blur', function()\r
{\r
{\r
var doc = editor.document;\r
\r
- if ( editable && CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900 )\r
- blinkCursor();\r
- else if ( CKEDITOR.env.opera )\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
domDocument.getDocumentElement().addClass( domDocument.$.compatMode );\r
// Override keystroke behaviors.\r
- editable && domDocument.on( 'keydown', function( evt )\r
+ editor.on( 'key', function( evt )\r
{\r
- var keyCode = evt.data.getKeystroke();\r
+ if ( editor.mode != 'wysiwyg' )\r
+ return;\r
+\r
+ var keyCode = evt.data.keyCode;\r
\r
// Backspace OR Delete.\r
if ( keyCode in { 8 : 1, 46 : 1 } )\r
{\r
var sel = editor.getSelection(),\r
selected = sel.getSelectedElement(),\r
- range = sel.getRanges()[ 0 ];\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
\r
editor.fire( 'saveSnapshot' );\r
\r
- evt.data.preventDefault();\r
- return;\r
+ evt.cancel();\r
}\r
+ else if ( range.collapsed )\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.cancel();\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.cancel();\r
+ }\r
+\r
+ }\r
+ }\r
+\r
+ // PageUp OR PageDown\r
+ if ( keyCode == 33 || keyCode == 34 )\r
+ {\r
+ if ( CKEDITOR.env.gecko )\r
+ {\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
+ range = new CKEDITOR.dom.range( domDocument );\r
+ range[ keyCode == 33 ? 'moveToElementEditStart' : 'moveToElementEditEnd']( body );\r
+ range.select();\r
+ evt.cancel();\r
+ }\r
+ }\r
+\r
}\r
} );\r
\r
domDocument.on( 'selectionchange', function()\r
{\r
var body = domDocument.getBody(),\r
- range = editor.getSelection().getRanges()[ 0 ];\r
+ sel = editor.getSelection(),\r
+ range = sel && sel.getRanges()[ 0 ];\r
\r
- if ( body.getHtml().match( /^<p> <\/p>$/i )\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
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
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
isPendingFocus = true;\r
else if ( win )\r
{\r
+ var sel = editor.getSelection(),\r
+ ieSel = sel && sel.getNative();\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
}, null, null, 1 );\r
});\r
\r
- var titleBackup;\r
- // Setting voice label as window title, backup the original one\r
- // and restore it before running into use.\r
editor.on( 'contentDom', function()\r
{\r
var title = editor.document.getElementsByTag( 'title' ).getItem( 0 );\r
title.data( 'cke-title', editor.document.$.title );\r
- editor.document.$.title = frameLabel;\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
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; width : 24px; height : 24px; }' );\r
+ editor.addCss( 'img:-moz-broken { -moz-force-broken-image-icon : 1; min-width : 24px; min-height : 24px; }' );\r
}\r
\r
/* #3658: [IE6] Editor document has horizontal scrollbar on long lines\r
// Use correct cursor for these elements\r
editor.addCss( 'img, input, textarea { cursor: default;}' );\r
\r
- // Switch on design mode for a short while and close it after then.\r
- function blinkCursor( retry )\r
- {\r
- if ( editor.readOnly )\r
- return;\r
-\r
- CKEDITOR.tools.tryThese(\r
- function()\r
- {\r
- editor.document.$.designMode = 'on';\r
- setTimeout( function()\r
- {\r
- editor.document.$.designMode = 'off';\r
- if ( CKEDITOR.currentInstance == editor )\r
- editor.document.getBody().focus();\r
- }, 50 );\r
- },\r
- function()\r
- {\r
- // The above call is known to fail when parent DOM\r
- // tree layout changes may break design mode. (#5782)\r
- // Refresh the 'contentEditable' is a cue to this.\r
- editor.document.$.designMode = 'off';\r
- var body = editor.document.getBody();\r
- body.setAttribute( 'contentEditable', false );\r
- body.setAttribute( 'contentEditable', true );\r
- // Try it again once..\r
- !retry && blinkCursor( 1 );\r
- });\r
- }\r
-\r
- // Create an invisible element to grab focus.\r
- if ( CKEDITOR.env.gecko || CKEDITOR.env.ie || CKEDITOR.env.opera )\r
- {\r
- var focusGrabber;\r
- editor.on( 'uiReady', function()\r
- {\r
- focusGrabber = editor.container.append( CKEDITOR.dom.element.createFromHtml(\r
- // Use 'span' instead of anything else to fly under the screen-reader radar. (#5049)\r
- '<span tabindex="-1" style="position:absolute;" role="presentation"></span>' ) );\r
-\r
- focusGrabber.on( 'focus', function()\r
- {\r
- editor.focus();\r
- } );\r
-\r
- editor.focusGrabber = focusGrabber;\r
- } );\r
- editor.on( 'destroy', function()\r
- {\r
- CKEDITOR.tools.removeFunction( contentDomReadyHandler );\r
- focusGrabber.clearCustomData();\r
- delete editor.focusGrabber;\r
- } );\r
- }\r
-\r
// Disable form elements editing mode provided by some browers. (#5746)\r
editor.on( 'insertElement', function ( evt )\r
{\r
Got questions, comments, patches, etc.? Contact Jason Woofenden