X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fplugins%2Fwysiwygarea%2Fplugin.js;h=4816cdc8a65164ef5f9591398fcfeb7e34f4b8ab;hb=9afde8772159bd3436f1f5b7862960307710ae5a;hp=7e7c1923a659a47d66c21bb6c22005ab9ef4fd22;hpb=e371ddf8abcb89013e20e6d0dd746adec344d0e5;p=ckeditor.git diff --git a/_source/plugins/wysiwygarea/plugin.js b/_source/plugins/wysiwygarea/plugin.js index 7e7c192..4816cdc 100644 --- a/_source/plugins/wysiwygarea/plugin.js +++ b/_source/plugins/wysiwygarea/plugin.js @@ -14,10 +14,17 @@ For licensing, see LICENSE.html or http://ckeditor.com/license var nonExitableElementNames = { table:1,pre:1 }; // Matching an empty paragraph at the end of document. - var emptyParagraphRegexp = /\s*<(p|div|address|h\d|center|li)[^>]*>\s*(?:]*>| |\u00A0| )?\s*(:?<\/\1>)?\s*(?=$|<\/body>)/gi; + var emptyParagraphRegexp = /(^|]*>)\s*<(p|div|address|h\d|center)[^>]*>\s*(?:]*>| |\u00A0| )?\s*(:?<\/\2>)?\s*(?=$|<\/body>)/gi; var notWhitespaceEval = CKEDITOR.dom.walker.whitespaces( true ); + // Elements that could have empty new line around, including table, pre-formatted block, hr, page-break. (#6554) + function nonExitable( element ) + { + return ( element.getName() in nonExitableElementNames ) + || element.isBlockBoundary() && CKEDITOR.dtd.$empty[ element.getName() ]; + } + function checkReadOnly( selection ) { if ( selection.getType() == CKEDITOR.SELECTION_ELEMENT ) @@ -26,179 +33,247 @@ For licensing, see LICENSE.html or http://ckeditor.com/license return selection.getCommonAncestor().isReadOnly(); } - function onInsertHtml( evt ) + + function onInsert( insertFunc ) { - if ( this.mode == 'wysiwyg' ) + return function( evt ) { - this.focus(); + if ( this.mode == 'wysiwyg' ) + { + this.focus(); - var selection = this.getSelection(); - if ( checkReadOnly( selection ) ) - return; + var selection = this.getSelection(); + if ( checkReadOnly( selection ) ) + return; - var data = evt.data; - this.fire( 'saveSnapshot' ); + this.fire( 'saveSnapshot' ); - if ( this.dataProcessor ) - data = this.dataProcessor.toHtml( data ); + insertFunc.call( this, evt.data ); - if ( CKEDITOR.env.ie ) - { - var selIsLocked = selection.isLocked; + // Save snaps after the whole execution completed. + // This's a workaround for make DOM modification's happened after + // 'insertElement' to be included either, e.g. Form-based dialogs' 'commitContents' + // call. + CKEDITOR.tools.setTimeout( function() + { + this.fire( 'saveSnapshot' ); + }, 0, this ); + } + }; + } + + function doInsertHtml( data ) + { + if ( this.dataProcessor ) + data = this.dataProcessor.toHtml( data ); - if ( selIsLocked ) - selection.unlock(); + var selection = this.getSelection(); + if ( CKEDITOR.env.ie ) + { + var selIsLocked = selection.isLocked; - var $sel = selection.getNative(); + if ( selIsLocked ) + selection.unlock(); - // Delete control selections to avoid IE bugs on pasteHTML. - if ( $sel.type == 'Control' ) - $sel.clear(); + var $sel = selection.getNative(); + + // Delete control selections to avoid IE bugs on pasteHTML. + if ( $sel.type == 'Control' ) + $sel.clear(); else if ( selection.getType() == CKEDITOR.SELECTION_TEXT ) - { - // Due to IE bugs on handling contenteditable=false blocks - // (#6005), we need to make some checks and eventually - // delete the selection first. + { + // Due to IE bugs on handling contenteditable=false blocks + // (#6005), we need to make some checks and eventually + // delete the selection first. - var range = selection.getRanges()[0], + var range = selection.getRanges()[0], endContainer = range && range.endContainer; - if ( endContainer && - endContainer.type == CKEDITOR.NODE_ELEMENT && - endContainer.getAttribute( 'contenteditable' ) == 'false' && - range.checkBoundaryOfElement( endContainer, CKEDITOR.END ) ) - { - range.setEndAfter( range.endContainer ); - range.deleteContents(); - } + if ( endContainer && + endContainer.type == CKEDITOR.NODE_ELEMENT && + endContainer.getAttribute( 'contenteditable' ) == 'false' && + range.checkBoundaryOfElement( endContainer, CKEDITOR.END ) ) + { + range.setEndAfter( range.endContainer ); + range.deleteContents(); } + } + try + { $sel.createRange().pasteHTML( data ); - - if ( selIsLocked ) - this.getSelection().lock(); } - else - this.document.$.execCommand( 'inserthtml', false, data ); + catch (e) {} - // Webkit does not scroll to the cursor position after pasting (#5558) - if ( CKEDITOR.env.webkit ) - { - this.document.$.execCommand( 'inserthtml', false, '' ); - var marker = this.document.getById( 'cke_paste_marker' ); - marker.scrollIntoView(); - marker.remove(); + if ( selIsLocked ) + this.getSelection().lock(); } + else + this.document.$.execCommand( 'inserthtml', false, data ); - CKEDITOR.tools.setTimeout( function() - { - this.fire( 'saveSnapshot' ); - }, 0, this ); + // Webkit does not scroll to the cursor position after pasting (#5558) + if ( CKEDITOR.env.webkit ) + { + selection = this.getSelection(); + selection.scrollIntoView(); } } - function onInsertElement( evt ) + function doInsertText( text ) { - if ( this.mode == 'wysiwyg' ) + var selection = this.getSelection(), + mode = selection.getStartElement().hasAscendant( 'pre', true ) ? + CKEDITOR.ENTER_BR : this.config.enterMode, + isEnterBrMode = mode == CKEDITOR.ENTER_BR; + + var html = CKEDITOR.tools.htmlEncode( text.replace( /\r\n|\r/g, '\n' ) ); + + // Convert leading and trailing whitespaces into   + html = html.replace( /^[ \t]+|[ \t]+$/g, function( match, offset, s ) + { + if ( match.length == 1 ) // one space, preserve it + return ' '; + else if ( !offset ) // beginning of block + return CKEDITOR.tools.repeat( ' ', match.length - 1 ) + ' '; + else // end of block + return ' ' + CKEDITOR.tools.repeat( ' ', match.length - 1 ); + } ); + + // Convert subsequent whitespaces into   + html = html.replace( /[ \t]{2,}/g, function ( match ) + { + return CKEDITOR.tools.repeat( ' ', match.length - 1 ) + ' '; + } ); + + var paragraphTag = mode == CKEDITOR.ENTER_P ? 'p' : 'div'; + + // Two line-breaks create one paragraph. + if ( !isEnterBrMode ) { - this.focus(); + html = html.replace( /(\n{2})([\s\S]*?)(?:$|\1)/g, + function( match, group1, text ) + { + return '<'+paragraphTag + '>' + text + ''; + }); + } - var selection = this.getSelection(); - if ( checkReadOnly( selection ) ) - return; + // One
per line-break. + html = html.replace( /\n/g, '
' ); - this.fire( 'saveSnapshot' ); + // Compensate padding
for non-IE. + if ( !( isEnterBrMode || CKEDITOR.env.ie ) ) + { + html = html.replace( new RegExp( '
(?=)' ), function( match ) + { + return CKEDITOR.tools.repeat( match, 2 ); + } ); + } + + // Inline styles have to be inherited in Firefox. + if ( CKEDITOR.env.gecko || CKEDITOR.env.webkit ) + { + var path = new CKEDITOR.dom.elementPath( selection.getStartElement() ), + context = []; + + for ( var i = 0; i < path.elements.length; i++ ) + { + var tag = path.elements[ i ].getName(); + if ( tag in CKEDITOR.dtd.$inline ) + context.unshift( path.elements[ i ].getOuterHtml().match( /^<.*?>/) ); + else if ( tag in CKEDITOR.dtd.$block ) + break; + } + + // Reproduce the context by preceding the pasted HTML with opening inline tags. + html = context.join( '' ) + html; + } + + doInsertHtml.call( this, html ); + } - var ranges = selection.getRanges(), - element = evt.data, + function doInsertElement( element ) + { + var selection = this.getSelection(), + ranges = selection.getRanges(), elementName = element.getName(), isBlock = CKEDITOR.dtd.$block[ elementName ]; - var selIsLocked = selection.isLocked; + var selIsLocked = selection.isLocked; - if ( selIsLocked ) - selection.unlock(); + if ( selIsLocked ) + selection.unlock(); - var range, clone, lastElement, bookmark; + var range, clone, lastElement, bookmark; - for ( var i = ranges.length - 1 ; i >= 0 ; i-- ) - { - range = ranges[ i ]; + for ( var i = ranges.length - 1 ; i >= 0 ; i-- ) + { + range = ranges[ i ]; - // Remove the original contents. - range.deleteContents(); + // Remove the original contents. + range.deleteContents(); - clone = !i && element || element.clone( true ); + clone = !i && element || element.clone( 1 ); - // If we're inserting a block at dtd-violated position, split - // the parent blocks until we reach blockLimit. - var current, dtd; - if ( isBlock ) + // If we're inserting a block at dtd-violated position, split + // the parent blocks until we reach blockLimit. + var current, dtd; + if ( isBlock ) + { + while ( ( current = range.getCommonAncestor( 0, 1 ) ) + && ( dtd = CKEDITOR.dtd[ current.getName() ] ) + && !( dtd && dtd [ elementName ] ) ) { - while ( ( current = range.getCommonAncestor( false, true ) ) - && ( dtd = CKEDITOR.dtd[ current.getName() ] ) - && !( dtd && dtd [ elementName ] ) ) + // Split up inline elements. + if ( current.getName() in CKEDITOR.dtd.span ) + range.splitElement( current ); + // If we're in an empty block which indicate a new paragraph, + // simply replace it with the inserting block.(#3664) + else if ( range.checkStartOfBlock() + && range.checkEndOfBlock() ) { - // Split up inline elements. - if ( current.getName() in CKEDITOR.dtd.span ) - range.splitElement( current ); - // If we're in an empty block which indicate a new paragraph, - // simply replace it with the inserting block.(#3664) - else if ( range.checkStartOfBlock() - && range.checkEndOfBlock() ) - { - range.setStartBefore( current ); - range.collapse( true ); - current.remove(); - } - else - range.splitBlock(); + range.setStartBefore( current ); + range.collapse( true ); + current.remove(); } + else + range.splitBlock(); } + } - // Insert the new node. - range.insertNode( clone ); + // Insert the new node. + range.insertNode( clone ); - // Save the last element reference so we can make the - // selection later. - if ( !lastElement ) - lastElement = clone; - } + // Save the last element reference so we can make the + // selection later. + if ( !lastElement ) + lastElement = clone; + } - range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END ); + range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END ); - // If we're inserting a block element immediatelly followed by - // another block element, the selection must move there. (#3100,#5436) - if ( isBlock ) - { - var next = lastElement.getNext( notWhitespaceEval ), + // If we're inserting a block element immediatelly followed by + // another block element, the selection must move there. (#3100,#5436) + if ( isBlock ) + { + var next = lastElement.getNext( notWhitespaceEval ), nextName = next && next.type == CKEDITOR.NODE_ELEMENT && next.getName(); - // Check if it's a block element that accepts text. - if ( nextName && CKEDITOR.dtd.$block[ nextName ] && CKEDITOR.dtd[ nextName ]['#'] ) - range.moveToElementEditStart( next ); - } - - selection.selectRanges( [ range ] ); + // Check if it's a block element that accepts text. + if ( nextName && CKEDITOR.dtd.$block[ nextName ] && CKEDITOR.dtd[ nextName ]['#'] ) + range.moveToElementEditStart( next ); + } - if ( selIsLocked ) - this.getSelection().lock(); + selection.selectRanges( [ range ] ); - // Save snaps after the whole execution completed. - // This's a workaround for make DOM modification's happened after - // 'insertElement' to be included either, e.g. Form-based dialogs' 'commitContents' - // call. - CKEDITOR.tools.setTimeout( function(){ - this.fire( 'saveSnapshot' ); - }, 0, this ); - } + if ( selIsLocked ) + this.getSelection().lock(); } // DOM modification here should not bother dirty flag.(#4385) function restoreDirty( editor ) { if ( !editor.checkDirty() ) - setTimeout( function(){ editor.resetDirty(); } ); + setTimeout( function(){ editor.resetDirty(); }, 0 ); } var isNotWhitespace = CKEDITOR.dom.walker.whitespaces( true ), @@ -244,12 +319,21 @@ For licensing, see LICENSE.html or http://ckeditor.com/license { restoreDirty( editor ); + // Memorize scroll position to restore it later (#4472). + var hostDocument = editor.element.getDocument(); + var hostDocumentElement = hostDocument.getDocumentElement(); + var scrollTop = hostDocumentElement.$.scrollTop; + var scrollLeft = hostDocumentElement.$.scrollLeft; + // Simulating keyboard character input by dispatching a keydown of white-space text. var keyEventSimulate = doc.$.createEvent( "KeyEvents" ); keyEventSimulate.initKeyEvent( 'keypress', true, true, win.$, false, false, false, false, 0, 32 ); doc.$.dispatchEvent( keyEventSimulate ); + if ( scrollTop != hostDocumentElement.$.scrollTop || scrollLeft != hostDocumentElement.$.scrollLeft ) + hostDocument.getWindow().$.scrollTo( scrollLeft, scrollTop ); + // Restore the original document status by placing the cursor before a bogus br created (#5021). bodyChildsNum && body.getFirst().remove(); doc.getBody().appendBogus(); @@ -303,7 +387,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license var element = fixedBlock.getNext( isNotWhitespace ); if ( element && element.type == CKEDITOR.NODE_ELEMENT && - !nonExitableElementNames[ element.getName() ] ) + !nonExitable( element ) ) { range.moveToElementEditStart( element ); fixedBlock.remove(); @@ -313,7 +397,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license element = fixedBlock.getPrevious( isNotWhitespace ); if ( element && element.type == CKEDITOR.NODE_ELEMENT && - !nonExitableElementNames[ element.getName() ] ) + !nonExitable( element ) ) { range.moveToElementEditEnd( element ); fixedBlock.remove(); @@ -390,8 +474,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license if ( iframe ) iframe.remove(); - - var srcScript = + var src = 'document.open();' + // The document domain must be set any time we @@ -400,20 +483,28 @@ For licensing, see LICENSE.html or http://ckeditor.com/license 'document.close();'; + // With IE, the custom domain has to be taken care at first, + // for other browers, the 'src' attribute should be left empty to + // trigger iframe's 'load' event. + src = + CKEDITOR.env.air ? + 'javascript:void(0)' : + CKEDITOR.env.ie ? + 'javascript:void(function(){' + encodeURIComponent( src ) + '}())' + : + ''; + iframe = CKEDITOR.dom.element.createFromHtml( '' ); - // #5689 Running inside of Firefox chrome the load event doesn't bubble like in a normal page - if (document.location.protocol == 'chrome:') + // Running inside of Firefox chrome the load event doesn't bubble like in a normal page (#5689) + if ( document.location.protocol == 'chrome:' ) CKEDITOR.event.useCapture = true; // With FF, it's better to load the data on iframe.load. (#3894,#4058) @@ -422,26 +513,47 @@ For licensing, see LICENSE.html or http://ckeditor.com/license frameLoaded = 1; ev.removeListener(); - var doc = iframe.getFrameDocument().$; - - // Don't leave any history log in IE. (#5657) - doc.open( "text/html","replace" ); + var doc = iframe.getFrameDocument(); doc.write( data ); - doc.close(); + + CKEDITOR.env.air && contentDomReady( doc.getWindow().$ ); }); - // #5689 Reset adjustment back to default - if (document.location.protocol == 'chrome:') + // Reset adjustment back to default (#5689) + if ( document.location.protocol == 'chrome:' ) CKEDITOR.event.useCapture = false; + // The container must be visible when creating the iframe in FF (#5956) + var element = editor.element, + isHidden = CKEDITOR.env.gecko && !element.isVisible(), + previousStyles = {}; + if ( isHidden ) + { + element.show(); + previousStyles = { + position : element.getStyle( 'position' ), + top : element.getStyle( 'top' ) + }; + element.setStyles( { position : 'absolute', top : '-3000px' } ); + } + mainElement.append( iframe ); + + if ( isHidden ) + { + setTimeout( function() + { + element.hide(); + element.setStyles( previousStyles ); + }, 1000 ); + } }; // The script that launches the bootstrap logic on 'domReady', so the document // is fully editable even before the editing iframe is fully loaded (#4455). contentDomReadyHandler = CKEDITOR.tools.addFunction( contentDomReady ); var activationScript = - ''; @@ -460,7 +572,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license // Remove this script from the DOM. var script = domDocument.getElementById( "cke_actscrpt" ); - script.parentNode.removeChild( script ); + script && script.parentNode.removeChild( script ); body.spellcheck = !editor.config.disableNativeSpellChecker; @@ -494,7 +606,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license CKEDITOR.env.gecko && CKEDITOR.tools.setTimeout( activateEditing, 0, null, editor ); - domWindow = editor.window = new CKEDITOR.dom.window( domWindow ); + domWindow = editor.window = new CKEDITOR.dom.window( domWindow ); domDocument = editor.document = new CKEDITOR.dom.document( domDocument ); domDocument.on( 'dblclick', function( evt ) @@ -506,7 +618,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license }); // Gecko/Webkit need some help when selecting control type elements. (#3448) - if ( !( CKEDITOR.env.ie || CKEDITOR.env.opera) ) + if ( !( CKEDITOR.env.ie || CKEDITOR.env.opera ) ) { domDocument.on( 'mousedown', function( ev ) { @@ -589,6 +701,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license editor.focusManager.blur(); }); + var wasFocused; + domWindow.on( 'focus', function() { var doc = editor.document; @@ -597,6 +711,15 @@ For licensing, see LICENSE.html or http://ckeditor.com/license blinkCursor(); else if ( CKEDITOR.env.opera ) doc.getBody().focus(); + // Webkit needs focus for the first time on the HTML element. (#6153) + else if ( CKEDITOR.env.webkit ) + { + if ( !wasFocused ) + { + editor.document.getDocumentElement().focus(); + wasFocused = 1; + } + } editor.focusManager.focus(); }); @@ -743,7 +866,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license // Build the additional stuff to be included into . var headExtra = - ''; @@ -751,7 +874,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license CKEDITOR.tools.buildStyleHtml( editor.config.contentsCss ) + headExtra ); - var baseTag = config.baseHref ? '' : ''; + var baseTag = config.baseHref ? '' : ''; if ( fullPage ) { @@ -837,9 +960,9 @@ For licensing, see LICENSE.html or http://ckeditor.com/license if ( editor.dataProcessor ) data = editor.dataProcessor.toDataFormat( data, fixForBody ); - // Strip the last blank paragraph within document. + // Reset empty if the document contains only one empty paragraph. if ( config.ignoreEmptyParagraph ) - data = data.replace( emptyParagraphRegexp, '' ); + data = data.replace( emptyParagraphRegexp, function( match, lookback ) { return lookback; } ); if ( docType ) data = docType + '\n' + data; @@ -889,19 +1012,33 @@ For licensing, see LICENSE.html or http://ckeditor.com/license focus : function() { + var win = editor.window; + if ( isLoadingData ) isPendingFocus = true; - else if ( editor.window ) + // Temporary solution caused by #6025, supposed be unified by #6154. + else if ( CKEDITOR.env.opera && editor.document ) { - editor.window.focus(); + // Required for Opera when switching focus + // from another iframe, e.g. panels. (#6444) + var iframe = editor.window.$.frameElement; + iframe.blur(), iframe.focus(); + editor.document.getBody().focus(); editor.selectionChange(); } + else if ( !CKEDITOR.env.opera && win ) + { + // AIR needs a while to focus when moving from a link. + CKEDITOR.env.air ? setTimeout( function () { win.focus(); }, 0 ) : win.focus(); + editor.selectionChange(); + } } }); - editor.on( 'insertHtml', onInsertHtml, null, null, 20 ); - editor.on( 'insertElement', onInsertElement, null, null, 20 ); + editor.on( 'insertHtml', onInsert( doInsertHtml ) , null, null, 20 ); + editor.on( 'insertElement', onInsert( doInsertElement ), null, null, 20 ); + editor.on( 'insertText', onInsert( doInsertText ), null, null, 20 ); // Auto fixing on some document structure weakness to enhance usabilities. (#3190 and #3189) editor.on( 'selectionChange', onSelectionChangeFixBody, null, null, 1 ); }); @@ -909,10 +1046,10 @@ For licensing, see LICENSE.html or http://ckeditor.com/license var titleBackup; // Setting voice label as window title, backup the original one // and restore it before running into use. - editor.on( 'contentDom', function () + editor.on( 'contentDom', function() { var title = editor.document.getElementsByTag( 'title' ).getItem( 0 ); - title.setAttribute( '_cke_title', editor.document.$.title ); + title.data( 'cke-title', editor.document.$.title ); editor.document.$.title = frameLabel; }); @@ -927,6 +1064,9 @@ For licensing, see LICENSE.html or http://ckeditor.com/license selectors.push( 'html.CSS1Compat ' + tag + '[contenteditable=false]' ); editor.addCss( selectors.join( ',' ) + '{ display:inline-block;}' ); } + // Set the HTML style to 100% to have the text cursor in affect (#6341) + else if ( CKEDITOR.env.gecko ) + editor.addCss( 'html { height: 100% !important; }' ); // Switch on design mode for a short while and close it after then. function blinkCursor( retry ) @@ -935,10 +1075,11 @@ For licensing, see LICENSE.html or http://ckeditor.com/license function() { editor.document.$.designMode = 'on'; - setTimeout( function () + setTimeout( function() { editor.document.$.designMode = 'off'; - editor.document.getBody().focus(); + if ( CKEDITOR.currentInstance == editor ) + editor.document.getBody().focus(); }, 50 ); }, function() @@ -963,7 +1104,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license { focusGrabber = editor.container.append( CKEDITOR.dom.element.createFromHtml( // Use 'span' instead of anything else to fly under the screen-reader radar. (#5049) - '' ) ); + '' ) ); focusGrabber.on( 'focus', function() { @@ -1000,7 +1141,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license // Fixing Firefox 'Back-Forward Cache' break design mode. (#4514) if ( CKEDITOR.env.gecko ) { - ( function () + (function() { var body = document.body;