var nonExitableElementNames = { table:1,pre:1 };\r
\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*(?=$|<\/body>)/gi;\r
+ var emptyParagraphRegexp = /(^|<body\b[^>]*>)\s*<(p|div|address|h\d|center)[^>]*>\s*(?:<br[^>]*>| |\u00A0| )?\s*(:?<\/\2>)?\s*(?=$|<\/body>)/gi;\r
+\r
+ var notWhitespaceEval = CKEDITOR.dom.walker.whitespaces( true );\r
+\r
+ // Elements that could have empty new line around, including table, pre-formatted block, hr, page-break. (#6554)\r
+ function nonExitable( element )\r
+ {\r
+ return ( element.getName() in nonExitableElementNames )\r
+ || element.isBlockBoundary() && CKEDITOR.dtd.$empty[ element.getName() ];\r
+ }\r
+\r
+ function checkReadOnly( selection )\r
+ {\r
+ if ( selection.getType() == CKEDITOR.SELECTION_ELEMENT )\r
+ return selection.getSelectedElement().isReadOnly();\r
+ else\r
+ return selection.getCommonAncestor().isReadOnly();\r
+ }\r
\r
function onInsertHtml( evt )\r
{\r
if ( this.mode == 'wysiwyg' )\r
{\r
this.focus();\r
- this.fire( 'saveSnapshot' );\r
\r
- var selection = this.getSelection(),\r
- data = evt.data;\r
+ var selection = this.getSelection();\r
+ if ( checkReadOnly( selection ) )\r
+ return;\r
+\r
+ var data = evt.data;\r
+ this.fire( 'saveSnapshot' );\r
\r
if ( this.dataProcessor )\r
data = this.dataProcessor.toHtml( data );\r
selection.unlock();\r
\r
var $sel = selection.getNative();\r
+\r
+ // Delete control selections to avoid IE bugs on pasteHTML.\r
if ( $sel.type == 'Control' )\r
$sel.clear();\r
- $sel.createRange().pasteHTML( data );\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
+ var range = selection.getRanges()[0],\r
+ 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
+\r
+ try\r
+ {\r
+ $sel.createRange().pasteHTML( data );\r
+ }\r
+ catch (e) {}\r
\r
if ( selIsLocked )\r
this.getSelection().lock();\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
+ this.document.$.execCommand( 'inserthtml', false, '<span id="cke_paste_marker" cke_temp="1"></span>' );\r
+ var marker = this.document.getById( 'cke_paste_marker' );\r
+ marker.scrollIntoView();\r
+ marker.remove();\r
+ marker = null;\r
+ }\r
+\r
CKEDITOR.tools.setTimeout( function()\r
{\r
this.fire( 'saveSnapshot' );\r
if ( this.mode == 'wysiwyg' )\r
{\r
this.focus();\r
+\r
+ var selection = this.getSelection();\r
+ if ( checkReadOnly( selection ) )\r
+ return;\r
+\r
this.fire( 'saveSnapshot' );\r
\r
- var element = evt.data,\r
+ var ranges = selection.getRanges(),\r
+ element = evt.data,\r
elementName = element.getName(),\r
isBlock = CKEDITOR.dtd.$block[ elementName ];\r
\r
- var selection = this.getSelection(),\r
- ranges = selection.getRanges();\r
-\r
var selIsLocked = selection.isLocked;\r
\r
if ( selIsLocked )\r
// Remove the original contents.\r
range.deleteContents();\r
\r
- clone = !i && element || element.clone( true );\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
- while ( ( current = range.getCommonAncestor( false, true ) )\r
+ while ( ( current = range.getCommonAncestor( 0, 1 ) )\r
&& ( dtd = CKEDITOR.dtd[ current.getName() ] )\r
&& !( dtd && dtd [ elementName ] ) )\r
{\r
\r
range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );\r
\r
- var next = lastElement.getNextSourceNode( true );\r
- if ( next && next.type == CKEDITOR.NODE_ELEMENT )\r
- range.moveToElementEditStart( next );\r
+ // If we're inserting a block element immediatelly followed by\r
+ // another block element, the selection must move there. (#3100,#5436)\r
+ if ( isBlock )\r
+ {\r
+ var next = lastElement.getNext( notWhitespaceEval ),\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
+ range.moveToElementEditStart( next );\r
+ }\r
\r
selection.selectRanges( [ range ] );\r
\r
function restoreDirty( editor )\r
{\r
if ( !editor.checkDirty() )\r
- setTimeout( function(){ editor.resetDirty(); } );\r
+ setTimeout( function(){ editor.resetDirty(); }, 0 );\r
}\r
\r
var isNotWhitespace = CKEDITOR.dom.walker.whitespaces( true ),\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
+ bodyChildsNum = body.getChildren().count();\r
+\r
+ if ( !bodyChildsNum || ( bodyChildsNum == 1&& body.getFirst().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
+ CKEDITOR.env.gecko && activateEditing( editor );\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
// 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
- if ( previousElement && previousElement.getName\r
- && !( previousElement.getName() in nonExitableElementNames )\r
- && isBlankParagraph( previousElement )\r
- && range.moveToElementEditStart( previousElement )\r
- || nextElement && nextElement.getName\r
- && !( nextElement.getName() in nonExitableElementNames )\r
- && isBlankParagraph( nextElement )\r
- && range.moveToElementEditStart( nextElement ) )\r
+ var element = fixedBlock.getNext( isNotWhitespace );\r
+ if ( element &&\r
+ element.type == CKEDITOR.NODE_ELEMENT &&\r
+ !nonExitable( 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
+ !nonExitable( element ) )\r
+ {\r
+ range.moveToElementEditEnd( element );\r
+ fixedBlock.remove();\r
+ }\r
+ }\r
}\r
\r
range.select();\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
doc.close();\r
});\r
\r
+ // Reset adjustment back to default (#5689)\r
+ if ( document.location.protocol == 'chrome:' )\r
+ CKEDITOR.event.useCapture = false;\r
+\r
+ // The container must be visible when creating the iframe in FF (#5956)\r
+ var element = editor.element,\r
+ isHidden = CKEDITOR.env.gecko && !element.isVisible(),\r
+ previousStyles = {};\r
+ if ( isHidden )\r
+ {\r
+ element.show();\r
+ previousStyles = {\r
+ position : element.getStyle( 'position' ),\r
+ top : element.getStyle( 'top' )\r
+ };\r
+ element.setStyles( { position : 'absolute', top : '-3000px' } );\r
+ }\r
+\r
mainElement.append( iframe );\r
+\r
+ if ( isHidden )\r
+ {\r
+ setTimeout( function()\r
+ {\r
+ element.hide();\r
+ element.setStyles( previousStyles );\r
+ }, 1000 );\r
+ }\r
};\r
\r
// The script that launches the bootstrap logic on 'domReady', so the document\r
}, 0 );\r
}\r
\r
- // Gecko need a key event to 'wake up' the editing\r
- // ability when document is empty.(#3864)\r
- if ( CKEDITOR.env.gecko && !body.childNodes.length )\r
- {\r
- setTimeout( function()\r
- {\r
- restoreDirty( editor );\r
-\r
- // Simulating keyboard character input by dispatching a keydown of white-space text.\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
-\r
- // Restore the original document status by placing the cursor before a bogus br created (#5021).\r
- domDocument.createElement( 'br', { attributes: { '_moz_editor_bogus_node' : 'TRUE', '_moz_dirty' : "" } } )\r
- .replace( domDocument.getBody().getFirst() );\r
- var nativeRange = new CKEDITOR.dom.range( domDocument );\r
- nativeRange.setStartAt( new CKEDITOR.dom.element( body ) , CKEDITOR.POSITION_AFTER_START );\r
- nativeRange.select();\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
+ 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
domDocument.on( 'dblclick', function( evt )\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
editor.focusManager.blur();\r
});\r
\r
+ var wasFocused;\r
+\r
domWindow.on( 'focus', function()\r
{\r
var doc = editor.document;\r
blinkCursor();\r
else if ( 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
- // Selection will get lost after move focus\r
- // to document element, save it first.\r
- var sel = editor.getSelection(),\r
- type = sel.getType(),\r
- range = ( type != CKEDITOR.SELECTION_NONE ) && sel.getRanges()[ 0 ];\r
-\r
- doc.getDocumentElement().focus();\r
- range && range.select();\r
+ if ( !wasFocused )\r
+ {\r
+ editor.document.getDocumentElement().focus();\r
+ wasFocused = 1;\r
+ }\r
}\r
\r
editor.focusManager.focus();\r
editor.fire( 'dataReady' );\r
}, 0 );\r
\r
+ // IE, Opera and Safari may not support it and throw errors.\r
+ try { editor.document.$.execCommand( 'enableObjectResizing', false, !editor.config.disableObjectResizing ) ; } catch(e) {}\r
+ try { editor.document.$.execCommand( 'enableInlineTableEditing', false, !editor.config.disableNativeTableHandles ) ; } catch(e) {}\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
if ( editor.dataProcessor )\r
data = editor.dataProcessor.toDataFormat( data, fixForBody );\r
\r
- // Strip the last blank paragraph within document.\r
+ // Reset empty if the document contains only one empty paragraph.\r
if ( config.ignoreEmptyParagraph )\r
- data = data.replace( emptyParagraphRegexp, '' );\r
+ data = data.replace( emptyParagraphRegexp, function( match, lookback ) { return lookback; } );\r
\r
if ( docType )\r
data = docType + '\n' + data;\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
if ( isLoadingData )\r
isPendingFocus = true;\r
- else if ( editor.window )\r
+ // Temporary solution caused by #6025, supposed be unified by #6154.\r
+ else if ( CKEDITOR.env.opera && editor.document )\r
+ {\r
+ // Required for Opera when switching focus\r
+ // from another iframe, e.g. panels. (#6444)\r
+ var iframe = editor.window.$.frameElement;\r
+ iframe.blur(), iframe.focus();\r
+ editor.document.getBody().focus();\r
+\r
+ editor.selectionChange();\r
+ }\r
+ else if ( !CKEDITOR.env.opera && editor.window )\r
{\r
editor.window.focus();\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
+ editor.on( 'contentDom', function()\r
{\r
var title = editor.document.getElementsByTag( 'title' ).getItem( 0 );\r
title.setAttribute( '_cke_title', editor.document.$.title );\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
+ editor.addCss( 'html { height: 100% !important; }' );\r
\r
// Switch on design mode for a short while and close it after then.\r
function blinkCursor( retry )\r
function()\r
{\r
editor.document.$.designMode = 'on';\r
- setTimeout( function ()\r
+ setTimeout( function()\r
{\r
editor.document.$.designMode = 'off';\r
- editor.document.getBody().focus();\r
+ if ( CKEDITOR.currentInstance == editor )\r
+ editor.document.getBody().focus();\r
}, 50 );\r
},\r
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; left:-10000" role="presentation"></span>' ) );\r
+ '<span tabindex="-1" style="position:absolute;" role="presentation"></span>' ) );\r
\r
focusGrabber.on( 'focus', function()\r
{\r
editor.on( 'insertElement', function ( evt )\r
{\r
var element = evt.data;\r
- if ( element.type = CKEDITOR.NODE_ELEMENT\r
+ if ( element.type == CKEDITOR.NODE_ELEMENT\r
&& ( element.is( 'input' ) || element.is( 'textarea' ) ) )\r
{\r
- element.setAttribute( 'contentEditable', false );\r
+ if ( !element.isReadOnly() )\r
+ {\r
+ element.setAttribute( 'contentEditable', false );\r
+ // We should flag that the element was locked by our code so\r
+ // it'll be editable by the editor functions (#6046).\r
+ element.setCustomData( '_cke_notReadOnly', 1 );\r
+ }\r
}\r
});\r
\r
// Fixing Firefox 'Back-Forward Cache' break design mode. (#4514)\r
if ( CKEDITOR.env.gecko )\r
{\r
- ( function ()\r
+ (function()\r
{\r
var body = document.body;\r
\r