Ticket #5479: 5479_13.patch

File 5479_13.patch, 12.2 KB (added by Garry Yao, 11 years ago)
  • _source/core/dom/element.js

     
    234234                                this.append( new CKEDITOR.dom.text( text ) );
    235235                },
    236236
    237                 appendBogus : function()
    238                 {
    239                         var lastChild = this.getLast() ;
    240 
    241                         // Ignore empty/spaces text.
    242                         while ( lastChild && lastChild.type == CKEDITOR.NODE_TEXT && !CKEDITOR.tools.rtrim( lastChild.getText() ) )
    243                                 lastChild = lastChild.getPrevious();
    244                         if ( !lastChild || !lastChild.is || !lastChild.is( 'br' ) )
    245                         {
    246                                 var bogus = CKEDITOR.env.opera ?
    247                                                 this.getDocument().createText('') :
    248                                                 this.getDocument().createElement( 'br' );
    249 
    250                                 CKEDITOR.env.gecko && bogus.setAttribute( 'type', '_moz' );
    251 
    252                                 this.append( bogus );
    253                         }
    254                 },
    255 
    256237                /**
    257238                * Retrieve block element's filler node if existed.
    258239                */
  • _source/core/dom/walker.js

     
    449449                return false;
    450450        };
    451451
     452        // Append a filler node at the end of an element if not exists.
     453        CKEDITOR.dom.element.prototype.appendBogus = function()
     454        {
     455                var lastChild = this.getLast( fillerEvaluator ) ;
     456                if ( !lastChild || !lastChild.is || !lastChild.is( 'br' ) )
     457                {
     458                        var bogus = CKEDITOR.env.opera ?
     459                                        this.getDocument().createText('') :
     460                                        this.getDocument().createElement( 'br' );
     461
     462                        CKEDITOR.env.gecko && bogus.setAttribute( 'type', '_moz' );
     463
     464                        this.append( bogus );
     465                }
     466        };
     467
     468
    452469})();
  • _source/plugins/wysiwygarea/plugin.js

     
    2121        // Elements that could have empty new line around, including table, pre-formatted block, hr, page-break. (#6554)
    2222        function nonExitable( element )
    2323        {
    24                 return ( element.getName() in nonExitableElementNames )
    25                                 || element.isBlockBoundary() && CKEDITOR.dtd.$empty[ element.getName() ];
     24                return !!( element.getName() in nonExitableElementNames
     25                                || element.isBlockBoundary() && CKEDITOR.dtd.$empty[ element.getName() ] );
    2626        }
    2727
    2828
     
    3838
    3939                                insertFunc.call( this, evt.data );
    4040
     41                                paddingBody( this );
     42
    4143                                // Save snaps after the whole execution completed.
    4244                                // This's a workaround for make DOM modification's happened after
    4345                                // 'insertElement' to be included either, e.g. Form-based dialogs' 'commitContents'
     
    203205                {
    204206                        range = ranges[ i ];
    205207
    206                                 if ( !range.checkReadOnly() )
    207                                 {
    208                                         // Remove the original contents.
    209                                         range.deleteContents();
     208                        if ( !range.checkReadOnly() )
     209                        {
     210                                // Remove the original contents.
     211                                range.deleteContents();
    210212
    211                                         clone = !i && element || element.clone( 1 );
     213                                clone = !i && element || element.clone( 1 );
    212214
    213                                         // If we're inserting a block at dtd-violated position, split
    214                                         // the parent blocks until we reach blockLimit.
    215                                         var current, dtd;
    216                                         if ( isBlock )
    217                                         {
    218                                                 while ( ( current = range.getCommonAncestor( 0, 1 ) )
    219                                                                 && ( dtd = CKEDITOR.dtd[ current.getName() ] )
    220                                                                 && !( dtd && dtd [ elementName ] ) )
    221                                                 {
    222                                                         // Split up inline elements.
    223                                                         if ( current.getName() in CKEDITOR.dtd.span )
    224                                                                 range.splitElement( current );
    225                                                         // If we're in an empty block which indicate a new paragraph,
    226                                                         // simply replace it with the inserting block.(#3664)
    227                                                         else if ( range.checkStartOfBlock()
    228                                                                         && range.checkEndOfBlock() )
    229                                                         {
    230                                                                 range.setStartBefore( current );
    231                                                                 range.collapse( true );
    232                                                                 current.remove();
    233                                                         }
    234                                                         else
    235                                                                 range.splitBlock();
    236                                                 }
    237                                         }
     215                                // If we're inserting a block at dtd-violated position, split
     216                                // the parent blocks until we reach blockLimit.
     217                                var current, dtd;
     218                                if ( isBlock )
     219                                {
     220                                        while ( ( current = range.getCommonAncestor( 0, 1 ) )
     221                                                        && ( dtd = CKEDITOR.dtd[ current.getName() ] )
     222                                                        && !( dtd && dtd [ elementName ] ) )
     223                                        {
     224                                                // Split up inline elements.
     225                                                if ( current.getName() in CKEDITOR.dtd.span )
     226                                                        range.splitElement( current );
     227                                                // If we're in an empty block which indicate a new paragraph,
     228                                                // simply replace it with the inserting block.(#3664)
     229                                                else if ( range.checkStartOfBlock()
     230                                                                && range.checkEndOfBlock() )
     231                                                {
     232                                                        range.setStartBefore( current );
     233                                                        range.collapse( true );
     234                                                        current.remove();
     235                                                }
     236                                                else
     237                                                        range.splitBlock();
     238                                        }
     239                                }
    238240
    239                                         // Insert the new node.
    240                                         range.insertNode( clone );
     241                                // Insert the new node.
     242                                range.insertNode( clone );
    241243
    242                                         // Save the last element reference so we can make the
    243                                         // selection later.
    244                                         if ( !lastElement )
    245                                                 lastElement = clone;
    246                                 }
    247                         }
     244                                // Save the last element reference so we can make the
     245                                // selection later.
     246                                if ( !lastElement )
     247                                        lastElement = clone;
     248                        }
     249                }
    248250
    249                         if ( lastElement )
    250                         {
    251                                 range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );
     251                if ( lastElement )
     252                {
     253                        range.moveToPosition( lastElement, CKEDITOR.POSITION_AFTER_END );
    252254
    253                                 // If we're inserting a block element immediatelly followed by
    254                                 // another block element, the selection must move there. (#3100,#5436)
    255                                 if ( isBlock )
    256                                 {
    257                                         var next = lastElement.getNext( notWhitespaceEval ),
    258                                                 nextName = next && next.type == CKEDITOR.NODE_ELEMENT && next.getName();
     255                        // If we're inserting a block element immediatelly followed by
     256                        // another block element, the selection must move there. (#3100,#5436)
     257                        if ( isBlock )
     258                        {
     259                                var next = lastElement.getNext( notWhitespaceEval ),
     260                                        nextName = next && next.type == CKEDITOR.NODE_ELEMENT && next.getName();
    259261
    260                                         // Check if it's a block element that accepts text.
    261                                         if ( nextName && CKEDITOR.dtd.$block[ nextName ] && CKEDITOR.dtd[ nextName ]['#'] )
    262                                                 range.moveToElementEditStart( next );
    263                                 }
    264                         }
     262                                // Check if it's a block element that accepts text.
     263                                if ( nextName && CKEDITOR.dtd.$block[ nextName ] && CKEDITOR.dtd[ nextName ]['#'] )
     264                                        range.moveToElementEditStart( next );
     265                        }
     266                }
    265267
     268                // Defer it a bit to allow other adjustment to happen.
     269                setTimeout( function()
     270                {
    266271                        selection.selectRanges( [ range ] );
     272                }, 0 );
    267273
    268274                if ( selIsLocked )
    269275                        this.getSelection().lock();
     
    304310                return block.getOuterHtml().match( emptyParagraphRegexp );
    305311        }
    306312
    307         isNotWhitespace = CKEDITOR.dom.walker.whitespaces( true );
    308 
    309313        // Gecko need a key event to 'wake up' the editing
    310314        // ability when document is empty.(#3864, #5781)
    311315        function activateEditing( editor )
     
    343347                }
    344348        }
    345349
     350        function paddingBody( editor )
     351        {
     352                // IE below version 8 doesn't require this fix.
     353                if ( CKEDITOR.env.ie6Compat || CKEDITOR.env.ie7Compat )
     354                        return;
     355
     356                // All browsers are incapable to moving cursor out of certain non-exitable
     357                // blocks (e.g. table, list, pre) at the end of document, make this happen by
     358                // place a bogus node there, which would be later removed by dataprocessor.
     359                var body = editor.document.getBody(),
     360                        enterMode = editor.config.enterMode,
     361                        selection = editor.getSelection(),
     362                        walkerRange = new CKEDITOR.dom.range( editor.document ),
     363                        walker = new CKEDITOR.dom.walker( walkerRange );
     364
     365                walkerRange.selectNodeContents( body );
     366                walker.evaluator = function( node )
     367                {
     368                        return node.type == CKEDITOR.NODE_ELEMENT && nonExitable( node );
     369                };
     370                walker.guard = function( node, isMoveout )
     371                {
     372                        return !( ( node.type == CKEDITOR.NODE_TEXT && isNotWhitespace( node ) ) || isMoveout );
     373                };
     374
     375                if ( walker.previous() )
     376                {
     377                        editor.fire( 'updateSnapshot' );
     378                        restoreDirty( editor );
     379                        CKEDITOR.env.ie && selection && restoreSelection( selection );
     380
     381                        var paddingBlock;
     382                        if ( enterMode != CKEDITOR.ENTER_BR )
     383                                paddingBlock = body.append( new CKEDITOR.dom.element( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) );
     384                        else
     385                                paddingBlock = body;
     386
     387                        if ( !CKEDITOR.env.ie )
     388                                paddingBlock.appendBogus();
     389                        else if ( paddingBlock.is( 'body' ) )
     390                        {
     391                                // IE need at least a node to show the cursor, use a zero height br
     392                                // to fly under the radar, additionally wrap the br element with an extra span ,
     393                                // so selection change event could be easily captured when cursor move inside of it.
     394                                var paddingNode = CKEDITOR.dom.element.createFromHtml( '<span data-cke-bogus=1>' +
     395                                                                                                                                                           '<br data-cke-temp=1 style="line-height:0"/></span>', editor.document );
     396                                paddingBlock.append( paddingNode );
     397                        }
     398                }
     399        }
     400
    346401        /**
    347402         *  Auto-fixing block-less content by wrapping paragraph (#3190), prevent
    348403         *  non-exitable-block by padding extra br.(#3189)
     
    359414
    360415                CKEDITOR.env.gecko && activateEditing( editor );
    361416
     417                // Remove the padding body node used in IE.
     418                if ( CKEDITOR.env.ie )
     419                {
     420                        var start = range.collapsed && range.startContainer;
     421                        if ( start.type == CKEDITOR.NODE_ELEMENT && start.is( 'span') && start.data( 'cke-bogus') )
     422                        {
     423                                range.moveToPosition( start, CKEDITOR.POSITION_BEFORE_START );
     424                                start.remove();
     425                                range.select();
     426                                return;
     427                        }
     428                }
     429
    362430                // When enterMode set to block, we'll establing new paragraph only if we're
    363431                // selecting inline contents right under body. (#3657)
    364432                if ( enterMode != CKEDITOR.ENTER_BR
     
    396464                                {
    397465                                        element = fixedBlock.getPrevious( isNotWhitespace );
    398466                                        if ( element &&
    399                                                  element.type == CKEDITOR.NODE_ELEMENT &&
    400                                                  !nonExitable( element ) )
     467                                                 element.type == CKEDITOR.NODE_ELEMENT )
    401468                                        {
    402                                                 range.moveToElementEditEnd( element );
    403                                                 fixedBlock.remove();
    404                                         }
    405                                 }
    406                         }
     469                                                if ( !nonExitable( element ) )
     470                                                {
     471                                                        range.moveToElementEditEnd( element );
     472                                                        fixedBlock.remove();
     473                                                }
     474                                                else if ( element.getDirection() )
     475                                                        fixedBlock.setAttribute( 'dir', element.getDirection() );
     476                                        }
     477                                }
     478                        }
    407479
    408480                        range.select();
    409481                        // Notify non-IE that selection has changed.
     
    415487                        }
    416488                }
    417489
    418                 // All browsers are incapable to moving cursor out of certain non-exitable
    419                 // blocks (e.g. table, list, pre) at the end of document, make this happen by
    420                 // place a bogus node there, which would be later removed by dataprocessor.
    421                 var walkerRange = new CKEDITOR.dom.range( editor.document ),
    422                         walker = new CKEDITOR.dom.walker( walkerRange );
    423                 walkerRange.selectNodeContents( body );
    424                 walker.evaluator = function( node )
    425                 {
    426                         return node.type == CKEDITOR.NODE_ELEMENT && ( node.getName() in nonExitableElementNames );
    427                 };
    428                 walker.guard = function( node, isMoveout )
    429                 {
    430                         return !( ( node.type == CKEDITOR.NODE_TEXT && isNotWhitespace( node ) ) || isMoveout );
    431                 };
    432 
    433                 if ( walker.previous() )
    434                 {
    435                         editor.fire( 'updateSnapshot' );
    436                         restoreDirty( editor );
    437                         CKEDITOR.env.ie && restoreSelection( selection );
    438 
    439                         var paddingBlock;
    440                         if ( enterMode != CKEDITOR.ENTER_BR )
    441                                 paddingBlock = body.append( new CKEDITOR.dom.element( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) );
    442                         else
    443                                 paddingBlock = body;
    444 
    445                         if ( !CKEDITOR.env.ie )
    446                                 paddingBlock.appendBogus();
    447                 }
    448         }
     490                paddingBody( editor );
     491        }
    449492
    450493        CKEDITOR.plugins.add( 'wysiwygarea',
    451494        {
     
    10821125                                        var title = editor.document.getElementsByTag( 'title' ).getItem( 0 );
    10831126                                        title.data( 'cke-title', editor.document.$.title );
    10841127                                        editor.document.$.title = frameLabel;
     1128
     1129                                        paddingBody( editor );
     1130
    10851131                                });
    10861132
    10871133                        // IE8 stricts mode doesn't have 'contentEditable' in effect
     
    11651211                                                element.data( 'cke-editable', element.hasAttribute( 'contenteditable' ) ? 'true' : '1' );
    11661212                                        element.setAttribute( 'contentEditable', false );
    11671213                                }
     1214
     1215                                paddingBody( editor );
    11681216                        });
    11691217
    1170                 }
    1171         });
     1218                                        }
     1219                        });
    11721220
    11731221        // Fixing Firefox 'Back-Forward Cache' break design mode. (#4514)
    11741222        if ( CKEDITOR.env.gecko )
© 2003 – 2021 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy