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
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 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 ( CKEDITOR.env.ie )\r
{\r
var selIsLocked = selection.isLocked;\r
}\r
}\r
\r
- try\r
- {\r
- $sel.createRange().pasteHTML( data );\r
- }\r
- catch (e) {}\r
+ $sel.createRange().pasteHTML( data );\r
\r
if ( selIsLocked )\r
this.getSelection().lock();\r
&& !pathBlock.is( 'pre' )\r
&& !pathBlock.getBogus() )\r
{\r
- editor.fire( 'updateSnapshot' );\r
- restoreDirty( editor );\r
pathBlock.appendBogus();\r
}\r
}\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
+ // 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
- editor.fire( 'updateSnapshot' );\r
- restoreDirty( editor );\r
- CKEDITOR.env.ie && restoreSelection( selection );\r
-\r
var fixedBlock = range.fixBlock( true,\r
editor.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' );\r
\r
var testPath = new CKEDITOR.dom.elementPath( testRange.startContainer );\r
if ( !testPath.blockLimit.is( 'body') )\r
{\r
- editor.fire( 'updateSnapshot' );\r
- restoreDirty( editor );\r
- CKEDITOR.env.ie && restoreSelection( selection );\r
-\r
var paddingBlock;\r
if ( enterMode != CKEDITOR.ENTER_BR )\r
paddingBlock = body.append( editor.document.createElement( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) );\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
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
\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
// Prefer 'contentEditable' instead of 'designMode'. (#3593)\r
if ( CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900\r
|| CKEDITOR.env.opera )\r
- domDocument.$.body.contentEditable = true;\r
+ domDocument.$.body.contentEditable = editable;\r
else if ( CKEDITOR.env.webkit )\r
- domDocument.$.body.parentNode.contentEditable = true;\r
+ domDocument.$.body.parentNode.contentEditable = editable;\r
else\r
- domDocument.$.designMode = 'on';\r
+ domDocument.$.designMode = editable? 'off' : 'on';\r
}, 0 );\r
}\r
\r
- CKEDITOR.env.gecko && CKEDITOR.tools.setTimeout( activateEditing, 0, null, editor );\r
+ editable && CKEDITOR.env.gecko && CKEDITOR.tools.setTimeout( activateEditing, 0, null, editor );\r
\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
+ editable && domDocument.on( 'dblclick', function( evt )\r
{\r
var element = evt.data.getTarget(),\r
data = { element : element, dialog : '' };\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
+ if ( editable &&\r
+ CKEDITOR.env.ie && domDocument.$.compatMode == 'CSS1Compat'\r
|| CKEDITOR.env.gecko\r
|| CKEDITOR.env.opera )\r
{\r
{\r
var doc = editor.document;\r
\r
- if ( CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900 )\r
+ if ( editable && CKEDITOR.env.gecko && CKEDITOR.env.version >= 10900 )\r
blinkCursor();\r
else if ( CKEDITOR.env.opera )\r
doc.getBody().focus();\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
- domDocument.getDocumentElement().addClass( domDocument.$.compatMode );\r
- // Override keystrokes which should have deletion behavior\r
- // on control types in IE . (#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
- var keyCode = evt.data.getKeystroke();\r
+ var sel = editor.getSelection(),\r
+ selected = sel.getSelectedElement(),\r
+ range = sel.getRanges()[ 0 ];\r
\r
- // Backspace OR Delete.\r
- if ( keyCode in { 8 : 1, 46 : 1 } )\r
+ // Override keystrokes which should have deletion behavior\r
+ // on fully selected element . (#4047) (#7645)\r
+ if ( selected )\r
{\r
- var sel = editor.getSelection(),\r
- control = sel.getSelectedElement();\r
-\r
- if ( control )\r
- {\r
- // Make undo snapshot.\r
- editor.fire( 'saveSnapshot' );\r
+ // Make undo snapshot.\r
+ editor.fire( 'saveSnapshot' );\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
- var bookmark = sel.getRanges()[ 0 ].createBookmark();\r
- // Remove the control manually.\r
- control.remove();\r
- sel.selectBookmarks( [ bookmark ] );\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
+ editor.fire( 'saveSnapshot' );\r
\r
- evt.data.preventDefault();\r
- }\r
+ evt.data.preventDefault();\r
+ return;\r
}\r
- } );\r
+ }\r
+ } );\r
\r
- // PageUp/PageDown scrolling is broken in document\r
- // with standard doctype, manually fix it. (#4736)\r
- if ( domDocument.$.compatMode == 'CSS1Compat' )\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
- var pageUpDownKeys = { 33 : 1, 34 : 1 };\r
- domDocument.on( 'keydown', function( evt )\r
+ if ( evt.data.getKeystroke() in pageUpDownKeys )\r
{\r
- if ( evt.data.getKeystroke() in pageUpDownKeys )\r
+ setTimeout( function ()\r
{\r
- setTimeout( function ()\r
- {\r
- editor.getSelection().scrollIntoView();\r
- }, 0 );\r
- }\r
- } );\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
- editor.config.enterMode != CKEDITOR.ENTER_P\r
- && domDocument.on( 'selectionchange', function()\r
- {\r
- var body = domDocument.getBody(),\r
- range = editor.getSelection().getRanges()[ 0 ];\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
+ range = editor.getSelection().getRanges()[ 0 ];\r
\r
- if ( body.getHtml().match( /^<p> <\/p>$/i )\r
- && range.startContainer.equals( body ) )\r
+ if ( 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
- // Avoid the ambiguity from a real user cursor position.\r
- setTimeout( function ()\r
+ range = editor.getSelection().getRanges()[ 0 ];\r
+ if ( !range.startContainer.equals ( 'body' ) )\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
+ 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
{\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
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
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
\r
if ( isLoadingData )\r
isPendingFocus = true;\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 && win )\r
+ else if ( win )\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.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
var titleBackup;\r
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
// 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; width : 24px; height : 24px; }' );\r
+ }\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
// 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
{\r
// We should flag that the element was locked by our code so\r
// it'll be editable by the editor functions (#6046).\r
- if ( !element.isReadOnly() )\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
+ element.setAttribute( 'contenteditable', false );\r
+ }\r
}\r
});\r
\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
Got questions, comments, patches, etc.? Contact Jason Woofenden