_source/plugins/tabletools/plugin.js

   1 /*\r
   2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
   3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   4 */\r
   5 \r
   6 (function()\r
   7 {\r
   8         function removeRawAttribute( $node, attr )\r
   9         {\r
  10                 if ( CKEDITOR.env.ie )\r
  11                         $node.removeAttribute( attr );\r
  12                 else\r
  13                         delete $node[ attr ];\r
  14         }\r
  15 \r
  16         var cellNodeRegex = /^(?:td|th)$/;\r
  17 \r
  18         function getSelectedCells( selection )\r
  19         {\r
  20                 // Walker will try to split text nodes, which will make the current selection\r
  21                 // invalid. So save bookmarks before doing anything.\r
  22                 var bookmarks = selection.createBookmarks();\r
  23 \r
  24                 var ranges = selection.getRanges();\r
  25                 var retval = [];\r
  26                 var database = {};\r
  27 \r
  28                 function moveOutOfCellGuard( node )\r
  29                 {\r
  30                         // Apply to the first cell only.\r
  31                         if ( retval.length > 0 )\r
  32                                 return;\r
  33 \r
  34                         // If we are exiting from the first </td>, then the td should definitely be\r
  35                         // included.\r
  36                         if ( node.type == CKEDITOR.NODE_ELEMENT && cellNodeRegex.test( node.getName() )\r
  37                                         && !node.getCustomData( 'selected_cell' ) )\r
  38                         {\r
  39                                 CKEDITOR.dom.element.setMarker( database, node, 'selected_cell', true );\r
  40                                 retval.push( node );\r
  41                         }\r
  42                 }\r
  43 \r
  44                 for ( var i = 0 ; i < ranges.length ; i++ )\r
  45                 {\r
  46                         var range = ranges[ i ];\r
  47 \r
  48                         if ( range.collapsed )\r
  49                         {\r
  50                                 // Walker does not handle collapsed ranges yet - fall back to old API.\r
  51                                 var startNode = range.getCommonAncestor();\r
  52                                 var nearestCell = startNode.getAscendant( 'td', true ) || startNode.getAscendant( 'th', true );\r
  53                                 if ( nearestCell )\r
  54                                         retval.push( nearestCell );\r
  55                         }\r
  56                         else\r
  57                         {\r
  58                                 var walker = new CKEDITOR.dom.walker( range );\r
  59                                 var node;\r
  60                                 walker.guard = moveOutOfCellGuard;\r
  61 \r
  62                                 while ( ( node = walker.next() ) )\r
  63                                 {\r
  64                                         // If may be possible for us to have a range like this:\r
  65                                         // <td>^1</td><td>^2</td>\r
  66                                         // The 2nd td shouldn't be included.\r
  67                                         //\r
  68                                         // So we have to take care to include a td we've entered only when we've\r
  69                                         // walked into its children.\r
  70 \r
  71                                         var parent = node.getParent();\r
  72                                         if ( parent && cellNodeRegex.test( parent.getName() ) && !parent.getCustomData( 'selected_cell' ) )\r
  73                                         {\r
  74                                                 CKEDITOR.dom.element.setMarker( database, parent, 'selected_cell', true );\r
  75                                                 retval.push( parent );\r
  76                                         }\r
  77                                 }\r
  78                         }\r
  79                 }\r
  80 \r
  81                 CKEDITOR.dom.element.clearAllMarkers( database );\r
  82 \r
  83                 // Restore selection position.\r
  84                 selection.selectBookmarks( bookmarks );\r
  85 \r
  86                 return retval;\r
  87         }\r
  88 \r
  89         function getFocusElementAfterDelCells( cellsToDelete ) {\r
  90                 var i = 0,\r
  91                         last = cellsToDelete.length - 1,\r
  92                         database = {},\r
  93                         cell,focusedCell,\r
  94                         tr;\r
  95 \r
  96                 while ( ( cell = cellsToDelete[ i++ ] ) )\r
  97                         CKEDITOR.dom.element.setMarker( database, cell, 'delete_cell', true );\r
  98 \r
  99                 // 1.first we check left or right side focusable cell row by row;\r
 100                 i = 0;\r
 101                 while ( ( cell = cellsToDelete[ i++ ] ) )\r
 102                 {\r
 103                         if ( ( focusedCell = cell.getPrevious() ) && !focusedCell.getCustomData( 'delete_cell' )\r
 104                           || ( focusedCell = cell.getNext()     ) && !focusedCell.getCustomData( 'delete_cell' ) )\r
 105                         {\r
 106                                 CKEDITOR.dom.element.clearAllMarkers( database );\r
 107                                 return focusedCell;\r
 108                         }\r
 109                 }\r
 110 \r
 111                 CKEDITOR.dom.element.clearAllMarkers( database );\r
 112 \r
 113                 // 2. then we check the toppest row (outside the selection area square) focusable cell\r
 114                 tr = cellsToDelete[ 0 ].getParent();\r
 115                 if ( ( tr = tr.getPrevious() ) )\r
 116                         return tr.getLast();\r
 117 \r
 118                 // 3. last we check the lowerest  row focusable cell\r
 119                 tr = cellsToDelete[ last ].getParent();\r
 120                 if ( ( tr = tr.getNext() ) )\r
 121                         return tr.getChild( 0 );\r
 122 \r
 123                 return null;\r
 124         }\r
 125 \r
 126         function clearRow( $tr )\r
 127         {\r
 128                 // Get the array of row's cells.\r
 129                 var $cells = $tr.cells;\r
 130 \r
 131                 // Empty all cells.\r
 132                 for ( var i = 0 ; i < $cells.length ; i++ )\r
 133                 {\r
 134                         $cells[ i ].innerHTML = '';\r
 135 \r
 136                         if ( !CKEDITOR.env.ie )\r
 137                                 ( new CKEDITOR.dom.element( $cells[ i ] ) ).appendBogus();\r
 138                 }\r
 139         }\r
 140 \r
 141         function insertRow( selection, insertBefore )\r
 142         {\r
 143                 // Get the row where the selection is placed in.\r
 144                 var row = selection.getStartElement().getAscendant( 'tr' );\r
 145                 if ( !row )\r
 146                         return;\r
 147 \r
 148                 // Create a clone of the row.\r
 149                 var newRow = row.clone( true );\r
 150 \r
 151                 // Insert the new row before of it.\r
 152                 newRow.insertBefore( row );\r
 153 \r
 154                 // Clean one of the rows to produce the illusion of inserting an empty row\r
 155                 // before or after.\r
 156                 clearRow( insertBefore ? newRow.$ : row.$ );\r
 157         }\r
 158 \r
 159         function deleteRows( selectionOrRow )\r
 160         {\r
 161                 if ( selectionOrRow instanceof CKEDITOR.dom.selection )\r
 162                 {\r
 163                         var cells = getSelectedCells( selectionOrRow ),\r
 164                                 cellsCount = cells.length,\r
 165                                 rowsToDelete = [],\r
 166                                 cursorPosition,\r
 167                                 previousRowIndex,\r
 168                                 nextRowIndex;\r
 169 \r
 170                         // Queue up the rows - it's possible and likely that we have duplicates.\r
 171                         for ( var i = 0 ; i < cellsCount ; i++ )\r
 172                         {\r
 173                                 var row = cells[ i ].getParent(),\r
 174                                                 rowIndex = row.$.rowIndex;\r
 175 \r
 176                                 !i && ( previousRowIndex = rowIndex - 1 );\r
 177                                 rowsToDelete[ rowIndex ] = row;\r
 178                                 i == cellsCount - 1 && ( nextRowIndex = rowIndex + 1 );\r
 179                         }\r
 180 \r
 181                         var table = row.getAscendant( 'table' ),\r
 182                                         rows =  table.$.rows,\r
 183                                         rowCount = rows.length;\r
 184 \r
 185                         // Where to put the cursor after rows been deleted?\r
 186                         // 1. Into next sibling row if any;\r
 187                         // 2. Into previous sibling row if any;\r
 188                         // 3. Into table's parent element if it's the very last row.\r
 189                         cursorPosition = new CKEDITOR.dom.element(\r
 190                                 nextRowIndex < rowCount && table.$.rows[ nextRowIndex ] ||\r
 191                                 previousRowIndex > 0 && table.$.rows[ previousRowIndex ] ||\r
 192                                 table.$.parentNode );\r
 193 \r
 194                         for ( i = rowsToDelete.length ; i >= 0 ; i-- )\r
 195                         {\r
 196                                 if ( rowsToDelete[ i ] )\r
 197                                         deleteRows( rowsToDelete[ i ] );\r
 198                         }\r
 199 \r
 200                         return cursorPosition;\r
 201                 }\r
 202                 else if ( selectionOrRow instanceof CKEDITOR.dom.element )\r
 203                 {\r
 204                         table = selectionOrRow.getAscendant( 'table' );\r
 205 \r
 206                         if ( table.$.rows.length == 1 )\r
 207                                 table.remove();\r
 208                         else\r
 209                                 selectionOrRow.remove();\r
 210                 }\r
 211 \r
 212                 return 0;\r
 213         }\r
 214 \r
 215         function insertColumn( selection, insertBefore )\r
 216         {\r
 217                 // Get the cell where the selection is placed in.\r
 218                 var startElement = selection.getStartElement();\r
 219                 var cell = startElement.getAscendant( 'td', true ) || startElement.getAscendant( 'th', true );\r
 220 \r
 221                 if ( !cell )\r
 222                         return;\r
 223 \r
 224                 // Get the cell's table.\r
 225                 var table = cell.getAscendant( 'table' );\r
 226                 var cellIndex = cell.$.cellIndex;\r
 227 \r
 228                 // Loop through all rows available in the table.\r
 229                 for ( var i = 0 ; i < table.$.rows.length ; i++ )\r
 230                 {\r
 231                         var $row = table.$.rows[ i ];\r
 232 \r
 233                         // If the row doesn't have enough cells, ignore it.\r
 234                         if ( $row.cells.length < ( cellIndex + 1 ) )\r
 235                                 continue;\r
 236 \r
 237                         cell = new CKEDITOR.dom.element( $row.cells[ cellIndex ].cloneNode( false ) );\r
 238 \r
 239                         if ( !CKEDITOR.env.ie )\r
 240                                 cell.appendBogus();\r
 241 \r
 242                         // Get back the currently selected cell.\r
 243                         var baseCell = new CKEDITOR.dom.element( $row.cells[ cellIndex ] );\r
 244                         if ( insertBefore )\r
 245                                 cell.insertBefore( baseCell );\r
 246                         else\r
 247                                 cell.insertAfter( baseCell );\r
 248                 }\r
 249         }\r
 250 \r
 251         function getFocusElementAfterDelCols( cells )\r
 252         {\r
 253                 var cellIndexList = [],\r
 254                         table = cells[ 0 ] && cells[ 0 ].getAscendant( 'table' ),\r
 255                         i, length,\r
 256                         targetIndex, targetCell;\r
 257 \r
 258                 // get the cellIndex list of delete cells\r
 259                 for ( i = 0, length = cells.length; i < length; i++ )\r
 260                         cellIndexList.push( cells[i].$.cellIndex );\r
 261 \r
 262                 // get the focusable column index\r
 263                 cellIndexList.sort();\r
 264                 for ( i = 1, length = cellIndexList.length; i < length; i++ )\r
 265                 {\r
 266                         if ( cellIndexList[ i ] - cellIndexList[ i - 1 ] > 1 )\r
 267                         {\r
 268                                 targetIndex = cellIndexList[ i - 1 ] + 1;\r
 269                                 break;\r
 270                         }\r
 271                 }\r
 272 \r
 273                 if ( !targetIndex )\r
 274                         targetIndex = cellIndexList[ 0 ] > 0 ? ( cellIndexList[ 0 ] - 1 )\r
 275                                                         : ( cellIndexList[ cellIndexList.length - 1 ] + 1 );\r
 276 \r
 277                 // scan row by row to get the target cell\r
 278                 var rows = table.$.rows;\r
 279                 for ( i = 0, length = rows.length; i < length ; i++ )\r
 280                 {\r
 281                         targetCell = rows[ i ].cells[ targetIndex ];\r
 282                         if ( targetCell )\r
 283                                 break;\r
 284                 }\r
 285 \r
 286                 return targetCell ?  new CKEDITOR.dom.element( targetCell ) :  table.getPrevious();\r
 287         }\r
 288 \r
 289         function deleteColumns( selectionOrCell )\r
 290         {\r
 291                 if ( selectionOrCell instanceof CKEDITOR.dom.selection )\r
 292                 {\r
 293                         var colsToDelete = getSelectedCells( selectionOrCell ),\r
 294                                 elementToFocus = getFocusElementAfterDelCols( colsToDelete );\r
 295 \r
 296                         for ( var i = colsToDelete.length - 1 ; i >= 0 ; i-- )\r
 297                         {\r
 298                                 if ( colsToDelete[ i ] )\r
 299                                         deleteColumns( colsToDelete[ i ] );\r
 300                         }\r
 301 \r
 302                         return elementToFocus;\r
 303                 }\r
 304                 else if ( selectionOrCell instanceof CKEDITOR.dom.element )\r
 305                 {\r
 306                         // Get the cell's table.\r
 307                         var table = selectionOrCell.getAscendant( 'table' );\r
 308                         if ( !table )\r
 309                                 return null;\r
 310 \r
 311                         // Get the cell index.\r
 312                         var cellIndex = selectionOrCell.$.cellIndex;\r
 313 \r
 314                         /*\r
 315                          * Loop through all rows from down to up, coz it's possible that some rows\r
 316                          * will be deleted.\r
 317                          */\r
 318                         for ( i = table.$.rows.length - 1 ; i >= 0 ; i-- )\r
 319                         {\r
 320                                 // Get the row.\r
 321                                 var row = new CKEDITOR.dom.element( table.$.rows[ i ] );\r
 322 \r
 323                                 // If the cell to be removed is the first one and the row has just one cell.\r
 324                                 if ( !cellIndex && row.$.cells.length == 1 )\r
 325                                 {\r
 326                                         deleteRows( row );\r
 327                                         continue;\r
 328                                 }\r
 329 \r
 330                                 // Else, just delete the cell.\r
 331                                 if ( row.$.cells[ cellIndex ] )\r
 332                                         row.$.removeChild( row.$.cells[ cellIndex ] );\r
 333                         }\r
 334                 }\r
 335 \r
 336                 return null;\r
 337         }\r
 338 \r
 339         function insertCell( selection, insertBefore )\r
 340         {\r
 341                 var startElement = selection.getStartElement();\r
 342                 var cell = startElement.getAscendant( 'td', true ) || startElement.getAscendant( 'th', true );\r
 343 \r
 344                 if ( !cell )\r
 345                         return;\r
 346 \r
 347                 // Create the new cell element to be added.\r
 348                 var newCell = cell.clone();\r
 349                 if ( !CKEDITOR.env.ie )\r
 350                         newCell.appendBogus();\r
 351 \r
 352                 if ( insertBefore )\r
 353                         newCell.insertBefore( cell );\r
 354                 else\r
 355                         newCell.insertAfter( cell );\r
 356         }\r
 357 \r
 358         function deleteCells( selectionOrCell )\r
 359         {\r
 360                 if ( selectionOrCell instanceof CKEDITOR.dom.selection )\r
 361                 {\r
 362                         var cellsToDelete = getSelectedCells( selectionOrCell );\r
 363                         var table = cellsToDelete[ 0 ] && cellsToDelete[ 0 ].getAscendant( 'table' );\r
 364                         var cellToFocus   = getFocusElementAfterDelCells( cellsToDelete );\r
 365 \r
 366                         for ( var i = cellsToDelete.length - 1 ; i >= 0 ; i-- )\r
 367                                 deleteCells( cellsToDelete[ i ] );\r
 368 \r
 369                         if ( cellToFocus )\r
 370                                 placeCursorInCell( cellToFocus, true );\r
 371                         else if ( table )\r
 372                                 table.remove();\r
 373                 }\r
 374                 else if ( selectionOrCell instanceof CKEDITOR.dom.element )\r
 375                 {\r
 376                         var tr = selectionOrCell.getParent();\r
 377                         if ( tr.getChildCount() == 1 )\r
 378                                 tr.remove();\r
 379                         else\r
 380                                 selectionOrCell.remove();\r
 381                 }\r
 382         }\r
 383 \r
 384         // Remove filler at end and empty spaces around the cell content.\r
 385         function trimCell( cell )\r
 386         {\r
 387                 var bogus = cell.getBogus();\r
 388                 bogus && bogus.remove();\r
 389                 cell.trim();\r
 390         }\r
 391 \r
 392         function placeCursorInCell( cell, placeAtEnd )\r
 393         {\r
 394                 var range = new CKEDITOR.dom.range( cell.getDocument() );\r
 395                 if ( !range[ 'moveToElementEdit' + ( placeAtEnd ? 'End' : 'Start' ) ]( cell ) )\r
 396                 {\r
 397                         range.selectNodeContents( cell );\r
 398                         range.collapse( placeAtEnd ? false : true );\r
 399                 }\r
 400                 range.select( true );\r
 401         }\r
 402 \r
 403         function buildTableMap( table )\r
 404         {\r
 405 \r
 406                 var aRows = table.$.rows ;\r
 407 \r
 408                 // Row and Column counters.\r
 409                 var r = -1 ;\r
 410 \r
 411                 var aMap = [];\r
 412 \r
 413                 for ( var i = 0 ; i < aRows.length ; i++ )\r
 414                 {\r
 415                         r++ ;\r
 416                         !aMap[r] && ( aMap[r] = [] );\r
 417 \r
 418                         var c = -1 ;\r
 419 \r
 420                         for ( var j = 0 ; j < aRows[i].cells.length ; j++ )\r
 421                         {\r
 422                                 var oCell = aRows[i].cells[j] ;\r
 423 \r
 424                                 c++ ;\r
 425                                 while ( aMap[r][c] )\r
 426                                         c++ ;\r
 427 \r
 428                                 var iColSpan = isNaN( oCell.colSpan ) ? 1 : oCell.colSpan ;\r
 429                                 var iRowSpan = isNaN( oCell.rowSpan ) ? 1 : oCell.rowSpan ;\r
 430 \r
 431                                 for ( var rs = 0 ; rs < iRowSpan ; rs++ )\r
 432                                 {\r
 433                                         if ( !aMap[r + rs] )\r
 434                                                 aMap[r + rs] = new Array() ;\r
 435 \r
 436                                         for ( var cs = 0 ; cs < iColSpan ; cs++ )\r
 437                                         {\r
 438                                                 aMap[r + rs][c + cs] = aRows[i].cells[j] ;\r
 439                                         }\r
 440                                 }\r
 441 \r
 442                                 c += iColSpan - 1 ;\r
 443                         }\r
 444                 }\r
 445                 return aMap ;\r
 446         }\r
 447 \r
 448         function cellInRow( tableMap, rowIndex, cell )\r
 449         {\r
 450                 var oRow = tableMap[ rowIndex ];\r
 451                 if ( typeof cell == 'undefined' )\r
 452                         return oRow;\r
 453 \r
 454                 for ( var c = 0 ; oRow && c < oRow.length ; c++ )\r
 455                 {\r
 456                         if ( cell.is && oRow[c] == cell.$ )\r
 457                                 return c;\r
 458                         else if ( c == cell )\r
 459                                 return new CKEDITOR.dom.element( oRow[ c ] );\r
 460                 }\r
 461                 return cell.is ? -1 : null;\r
 462         }\r
 463 \r
 464         function cellInCol( tableMap, colIndex, cell )\r
 465         {\r
 466                 var oCol = [];\r
 467                 for ( var r = 0; r < tableMap.length; r++ )\r
 468                 {\r
 469                         var row = tableMap[ r ];\r
 470                         if ( typeof cell == 'undefined' )\r
 471                                 oCol.push( row[ colIndex ] );\r
 472                         else if ( cell.is && row[ colIndex ] == cell.$ )\r
 473                                 return r;\r
 474                         else if ( r == cell )\r
 475                                 return new CKEDITOR.dom.element( row[ colIndex ] );\r
 476                 }\r
 477 \r
 478                 return ( typeof cell == 'undefined' )? oCol : cell.is ? -1 :  null;\r
 479         }\r
 480 \r
 481         function mergeCells( selection, mergeDirection, isDetect )\r
 482         {\r
 483                 var cells = getSelectedCells( selection );\r
 484 \r
 485                 // Invalid merge request if:\r
 486                 // 1. In batch mode despite that less than two selected.\r
 487                 // 2. In solo mode while not exactly only one selected.\r
 488                 // 3. Cells distributed in different table groups (e.g. from both thead and tbody).\r
 489                 var commonAncestor;\r
 490                 if ( ( mergeDirection ? cells.length != 1 : cells.length < 2 )\r
 491                                 || ( commonAncestor = selection.getCommonAncestor() )\r
 492                                 && commonAncestor.type == CKEDITOR.NODE_ELEMENT\r
 493                                 && commonAncestor.is( 'table' ) )\r
 494                 {\r
 495                         return false;\r
 496                 }\r
 497 \r
 498                 var     cell,\r
 499                         firstCell = cells[ 0 ],\r
 500                         table = firstCell.getAscendant( 'table' ),\r
 501                         map = buildTableMap( table ),\r
 502                         mapHeight = map.length,\r
 503                         mapWidth = map[ 0 ].length,\r
 504                         startRow = firstCell.getParent().$.rowIndex,\r
 505                         startColumn = cellInRow( map, startRow, firstCell );\r
 506 \r
 507                 if ( mergeDirection )\r
 508                 {\r
 509                         var targetCell;\r
 510                         try\r
 511                         {\r
 512                                 targetCell =\r
 513                                         map[ mergeDirection == 'up' ?\r
 514                                                         ( startRow - 1 ):\r
 515                                                         mergeDirection == 'down' ? ( startRow + 1 ) : startRow  ] [\r
 516                                                  mergeDirection == 'left' ?\r
 517                                                         ( startColumn - 1 ):\r
 518                                                  mergeDirection == 'right' ?  ( startColumn + 1 ) : startColumn ];\r
 519 \r
 520                         }\r
 521                         catch( er )\r
 522                         {\r
 523                                 return false;\r
 524                         }\r
 525 \r
 526                         // 1. No cell could be merged.\r
 527                         // 2. Same cell actually.\r
 528                         if ( !targetCell || firstCell.$ == targetCell  )\r
 529                                 return false;\r
 530 \r
 531                         // Sort in map order regardless of the DOM sequence.\r
 532                         cells[ ( mergeDirection == 'up' || mergeDirection == 'left' ) ?\r
 533                                  'unshift' : 'push' ]( new CKEDITOR.dom.element( targetCell ) );\r
 534                 }\r
 535 \r
 536                 // Start from here are merging way ignorance (merge up/right, batch merge).\r
 537                 var     doc = firstCell.getDocument(),\r
 538                         lastRowIndex = startRow,\r
 539                         totalRowSpan = 0,\r
 540                         totalColSpan = 0,\r
 541                         // Use a documentFragment as buffer when appending cell contents.\r
 542                         frag = !isDetect && new CKEDITOR.dom.documentFragment( doc ),\r
 543                         dimension = 0;\r
 544 \r
 545                 for ( var i = 0; i < cells.length; i++ )\r
 546                 {\r
 547                         cell = cells[ i ];\r
 548 \r
 549                         var tr = cell.getParent(),\r
 550                                 cellFirstChild = cell.getFirst(),\r
 551                                 colSpan = cell.$.colSpan,\r
 552                                 rowSpan = cell.$.rowSpan,\r
 553                                 rowIndex = tr.$.rowIndex,\r
 554                                 colIndex = cellInRow( map, rowIndex, cell );\r
 555 \r
 556                         // Accumulated the actual places taken by all selected cells.\r
 557                         dimension += colSpan * rowSpan;\r
 558                         // Accumulated the maximum virtual spans from column and row.\r
 559                         totalColSpan = Math.max( totalColSpan, colIndex - startColumn + colSpan ) ;\r
 560                         totalRowSpan = Math.max( totalRowSpan, rowIndex - startRow + rowSpan );\r
 561 \r
 562                         if ( !isDetect )\r
 563                         {\r
 564                                 // Trim all cell fillers and check to remove empty cells.\r
 565                                 if ( trimCell( cell ), cell.getChildren().count() )\r
 566                                 {\r
 567                                         // Merge vertically cells as two separated paragraphs.\r
 568                                         if ( rowIndex != lastRowIndex\r
 569                                                 && cellFirstChild\r
 570                                                 && !( cellFirstChild.isBlockBoundary\r
 571                                                           && cellFirstChild.isBlockBoundary( { br : 1 } ) ) )\r
 572                                         {\r
 573                                                 var last = frag.getLast( CKEDITOR.dom.walker.whitespaces( true ) );\r
 574                                                 if ( last && !( last.is && last.is( 'br' ) ) )\r
 575                                                         frag.append( new CKEDITOR.dom.element( 'br' ) );\r
 576                                         }\r
 577 \r
 578                                         cell.moveChildren( frag );\r
 579                                 }\r
 580                                 i ? cell.remove() : cell.setHtml( '' );\r
 581                         }\r
 582                         lastRowIndex = rowIndex;\r
 583                 }\r
 584 \r
 585                 if ( !isDetect )\r
 586                 {\r
 587                         frag.moveChildren( firstCell );\r
 588 \r
 589                         if ( !CKEDITOR.env.ie )\r
 590                                 firstCell.appendBogus();\r
 591 \r
 592                         if ( totalColSpan >= mapWidth )\r
 593                                 firstCell.removeAttribute( 'rowSpan' );\r
 594                         else\r
 595                                 firstCell.$.rowSpan = totalRowSpan;\r
 596 \r
 597                         if ( totalRowSpan >= mapHeight )\r
 598                                 firstCell.removeAttribute( 'colSpan' );\r
 599                         else\r
 600                                 firstCell.$.colSpan = totalColSpan;\r
 601 \r
 602                         // Swip empty <tr> left at the end of table due to the merging.\r
 603                         var trs = new CKEDITOR.dom.nodeList( table.$.rows ),\r
 604                                 count = trs.count();\r
 605 \r
 606                         for ( i = count - 1; i >= 0; i-- )\r
 607                         {\r
 608                                 var tailTr = trs.getItem( i );\r
 609                                 if ( !tailTr.$.cells.length )\r
 610                                 {\r
 611                                         tailTr.remove();\r
 612                                         count++;\r
 613                                         continue;\r
 614                                 }\r
 615                         }\r
 616 \r
 617                         return firstCell;\r
 618                 }\r
 619                 // Be able to merge cells only if actual dimension of selected\r
 620                 // cells equals to the caculated rectangle.\r
 621                 else\r
 622                         return ( totalRowSpan * totalColSpan ) == dimension;\r
 623         }\r
 624 \r
 625         function verticalSplitCell ( selection, isDetect )\r
 626         {\r
 627                 var cells = getSelectedCells( selection );\r
 628                 if ( cells.length > 1 )\r
 629                         return false;\r
 630                 else if ( isDetect )\r
 631                         return true;\r
 632 \r
 633                 var cell = cells[ 0 ],\r
 634                         tr = cell.getParent(),\r
 635                         table = tr.getAscendant( 'table' ),\r
 636                         map = buildTableMap( table ),\r
 637                         rowIndex = tr.$.rowIndex,\r
 638                         colIndex = cellInRow( map, rowIndex, cell ),\r
 639                         rowSpan = cell.$.rowSpan,\r
 640                         newCell,\r
 641                         newRowSpan,\r
 642                         newCellRowSpan,\r
 643                         newRowIndex;\r
 644 \r
 645                 if ( rowSpan > 1 )\r
 646                 {\r
 647                         newRowSpan = Math.ceil( rowSpan / 2 );\r
 648                         newCellRowSpan = Math.floor( rowSpan / 2 );\r
 649                         newRowIndex = rowIndex + newRowSpan;\r
 650                         var newCellTr = new CKEDITOR.dom.element( table.$.rows[ newRowIndex ] ),\r
 651                                 newCellRow = cellInRow( map, newRowIndex ),\r
 652                                 candidateCell;\r
 653 \r
 654                         newCell = cell.clone();\r
 655 \r
 656                         // Figure out where to insert the new cell by checking the vitual row.\r
 657                         for ( var c = 0; c < newCellRow.length; c++ )\r
 658                         {\r
 659                                 candidateCell = newCellRow[ c ];\r
 660                                 // Catch first cell actually following the column.\r
 661                                 if ( candidateCell.parentNode == newCellTr.$\r
 662                                         && c > colIndex )\r
 663                                 {\r
 664                                         newCell.insertBefore( new CKEDITOR.dom.element( candidateCell ) );\r
 665                                         break;\r
 666                                 }\r
 667                                 else\r
 668                                         candidateCell = null;\r
 669                         }\r
 670 \r
 671                         // The destination row is empty, append at will.\r
 672                         if ( !candidateCell )\r
 673                                 newCellTr.append( newCell, true );\r
 674                 }\r
 675                 else\r
 676                 {\r
 677                         newCellRowSpan = newRowSpan = 1;\r
 678 \r
 679                         newCellTr = tr.clone();\r
 680                         newCellTr.insertAfter( tr );\r
 681                         newCellTr.append( newCell = cell.clone() );\r
 682 \r
 683                         var cellsInSameRow = cellInRow( map, rowIndex );\r
 684                         for ( var i = 0; i < cellsInSameRow.length; i++ )\r
 685                                 cellsInSameRow[ i ].rowSpan++;\r
 686                 }\r
 687 \r
 688                 if ( !CKEDITOR.env.ie )\r
 689                         newCell.appendBogus();\r
 690 \r
 691                 cell.$.rowSpan = newRowSpan;\r
 692                 newCell.$.rowSpan = newCellRowSpan;\r
 693                 if ( newRowSpan == 1 )\r
 694                         cell.removeAttribute( 'rowSpan' );\r
 695                 if ( newCellRowSpan == 1 )\r
 696                         newCell.removeAttribute( 'rowSpan' );\r
 697 \r
 698                 return newCell;\r
 699         }\r
 700 \r
 701         function horizontalSplitCell( selection, isDetect )\r
 702         {\r
 703                 var cells = getSelectedCells( selection );\r
 704                 if ( cells.length > 1 )\r
 705                         return false;\r
 706                 else if ( isDetect )\r
 707                         return true;\r
 708 \r
 709                 var cell = cells[ 0 ],\r
 710                         tr = cell.getParent(),\r
 711                         table = tr.getAscendant( 'table' ),\r
 712                         map = buildTableMap( table ),\r
 713                         rowIndex = tr.$.rowIndex,\r
 714                         colIndex = cellInRow( map, rowIndex, cell ),\r
 715                         colSpan = cell.$.colSpan,\r
 716                         newCell,\r
 717                         newColSpan,\r
 718                         newCellColSpan;\r
 719 \r
 720                 if ( colSpan > 1 )\r
 721                 {\r
 722                         newColSpan = Math.ceil( colSpan / 2 );\r
 723                         newCellColSpan = Math.floor( colSpan / 2 );\r
 724                 }\r
 725                 else\r
 726                 {\r
 727                         newCellColSpan = newColSpan = 1;\r
 728                         var cellsInSameCol = cellInCol( map, colIndex );\r
 729                         for ( var i = 0; i < cellsInSameCol.length; i++ )\r
 730                                 cellsInSameCol[ i ].colSpan++;\r
 731                 }\r
 732                 newCell = cell.clone();\r
 733                 newCell.insertAfter( cell );\r
 734                 if ( !CKEDITOR.env.ie )\r
 735                         newCell.appendBogus();\r
 736 \r
 737                 cell.$.colSpan = newColSpan;\r
 738                 newCell.$.colSpan = newCellColSpan;\r
 739                 if ( newColSpan == 1 )\r
 740                         cell.removeAttribute( 'colSpan' );\r
 741                 if ( newCellColSpan == 1 )\r
 742                         newCell.removeAttribute( 'colSpan' );\r
 743 \r
 744                 return newCell;\r
 745         }\r
 746         // Context menu on table caption incorrect (#3834)\r
 747         var contextMenuTags = { thead : 1, tbody : 1, tfoot : 1, td : 1, tr : 1, th : 1 };\r
 748 \r
 749         CKEDITOR.plugins.tabletools =\r
 750         {\r
 751                 init : function( editor )\r
 752                 {\r
 753                         var lang = editor.lang.table;\r
 754 \r
 755                         editor.addCommand( 'cellProperties', new CKEDITOR.dialogCommand( 'cellProperties' ) );\r
 756                         CKEDITOR.dialog.add( 'cellProperties', this.path + 'dialogs/tableCell.js' );\r
 757 \r
 758                         editor.addCommand( 'tableDelete',\r
 759                                 {\r
 760                                         exec : function( editor )\r
 761                                         {\r
 762                                                 var selection = editor.getSelection();\r
 763                                                 var startElement = selection && selection.getStartElement();\r
 764                                                 var table = startElement && startElement.getAscendant( 'table', true );\r
 765 \r
 766                                                 if ( !table )\r
 767                                                         return;\r
 768 \r
 769                                                 // Maintain the selection point at where the table was deleted.\r
 770                                                 selection.selectElement( table );\r
 771                                                 var range = selection.getRanges()[0];\r
 772                                                 range.collapse();\r
 773                                                 selection.selectRanges( [ range ] );\r
 774 \r
 775                                                 // If the table's parent has only one child, remove it,except body,as well.( #5416 )\r
 776                                                 var parent = table.getParent();\r
 777                                                 if ( parent.getChildCount() == 1 && parent.getName() != 'body' )\r
 778                                                         parent.remove();\r
 779                                                 else\r
 780                                                         table.remove();\r
 781                                         }\r
 782                                 } );\r
 783 \r
 784                         editor.addCommand( 'rowDelete',\r
 785                                 {\r
 786                                         exec : function( editor )\r
 787                                         {\r
 788                                                 var selection = editor.getSelection();\r
 789                                                 placeCursorInCell( deleteRows( selection ) );\r
 790                                         }\r
 791                                 } );\r
 792 \r
 793                         editor.addCommand( 'rowInsertBefore',\r
 794                                 {\r
 795                                         exec : function( editor )\r
 796                                         {\r
 797                                                 var selection = editor.getSelection();\r
 798                                                 insertRow( selection, true );\r
 799                                         }\r
 800                                 } );\r
 801 \r
 802                         editor.addCommand( 'rowInsertAfter',\r
 803                                 {\r
 804                                         exec : function( editor )\r
 805                                         {\r
 806                                                 var selection = editor.getSelection();\r
 807                                                 insertRow( selection );\r
 808                                         }\r
 809                                 } );\r
 810 \r
 811                         editor.addCommand( 'columnDelete',\r
 812                                 {\r
 813                                         exec : function( editor )\r
 814                                         {\r
 815                                                 var selection = editor.getSelection();\r
 816                                                 var element = deleteColumns( selection );\r
 817                                                 element &&  placeCursorInCell( element, true );\r
 818                                         }\r
 819                                 } );\r
 820 \r
 821                         editor.addCommand( 'columnInsertBefore',\r
 822                                 {\r
 823                                         exec : function( editor )\r
 824                                         {\r
 825                                                 var selection = editor.getSelection();\r
 826                                                 insertColumn( selection, true );\r
 827                                         }\r
 828                                 } );\r
 829 \r
 830                         editor.addCommand( 'columnInsertAfter',\r
 831                                 {\r
 832                                         exec : function( editor )\r
 833                                         {\r
 834                                                 var selection = editor.getSelection();\r
 835                                                 insertColumn( selection );\r
 836                                         }\r
 837                                 } );\r
 838 \r
 839                         editor.addCommand( 'cellDelete',\r
 840                                 {\r
 841                                         exec : function( editor )\r
 842                                         {\r
 843                                                 var selection = editor.getSelection();\r
 844                                                 deleteCells( selection );\r
 845                                         }\r
 846                                 } );\r
 847 \r
 848                         editor.addCommand( 'cellMerge',\r
 849                                 {\r
 850                                         exec : function( editor )\r
 851                                         {\r
 852                                                 placeCursorInCell( mergeCells( editor.getSelection() ), true );\r
 853                                         }\r
 854                                 } );\r
 855 \r
 856                         editor.addCommand( 'cellMergeRight',\r
 857                                 {\r
 858                                         exec : function( editor )\r
 859                                         {\r
 860                                                 placeCursorInCell( mergeCells( editor.getSelection(), 'right' ), true );\r
 861                                         }\r
 862                                 } );\r
 863 \r
 864                         editor.addCommand( 'cellMergeDown',\r
 865                                 {\r
 866                                         exec : function( editor )\r
 867                                         {\r
 868                                                 placeCursorInCell( mergeCells( editor.getSelection(), 'down' ), true );\r
 869                                         }\r
 870                                 } );\r
 871 \r
 872                         editor.addCommand( 'cellVerticalSplit',\r
 873                                 {\r
 874                                         exec : function( editor )\r
 875                                         {\r
 876                                                 placeCursorInCell( verticalSplitCell( editor.getSelection() ) );\r
 877                                         }\r
 878                                 } );\r
 879 \r
 880                         editor.addCommand( 'cellHorizontalSplit',\r
 881                                 {\r
 882                                         exec : function( editor )\r
 883                                         {\r
 884                                                 placeCursorInCell( horizontalSplitCell( editor.getSelection() ) );\r
 885                                         }\r
 886                                 } );\r
 887 \r
 888                         editor.addCommand( 'cellInsertBefore',\r
 889                                 {\r
 890                                         exec : function( editor )\r
 891                                         {\r
 892                                                 var selection = editor.getSelection();\r
 893                                                 insertCell( selection, true );\r
 894                                         }\r
 895                                 } );\r
 896 \r
 897                         editor.addCommand( 'cellInsertAfter',\r
 898                                 {\r
 899                                         exec : function( editor )\r
 900                                         {\r
 901                                                 var selection = editor.getSelection();\r
 902                                                 insertCell( selection );\r
 903                                         }\r
 904                                 } );\r
 905 \r
 906                         // If the "menu" plugin is loaded, register the menu items.\r
 907                         if ( editor.addMenuItems )\r
 908                         {\r
 909                                 editor.addMenuItems(\r
 910                                         {\r
 911                                                 tablecell :\r
 912                                                 {\r
 913                                                         label : lang.cell.menu,\r
 914                                                         group : 'tablecell',\r
 915                                                         order : 1,\r
 916                                                         getItems : function()\r
 917                                                         {\r
 918                                                                 var selection = editor.getSelection(),\r
 919                                                                         cells = getSelectedCells( selection );\r
 920                                                                 return {\r
 921                                                                         tablecell_insertBefore : CKEDITOR.TRISTATE_OFF,\r
 922                                                                         tablecell_insertAfter : CKEDITOR.TRISTATE_OFF,\r
 923                                                                         tablecell_delete : CKEDITOR.TRISTATE_OFF,\r
 924                                                                         tablecell_merge : mergeCells( selection, null, true ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED,\r
 925                                                                         tablecell_merge_right : mergeCells( selection, 'right', true ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED,\r
 926                                                                         tablecell_merge_down : mergeCells( selection, 'down', true ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED,\r
 927                                                                         tablecell_split_vertical : verticalSplitCell( selection, true ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED,\r
 928                                                                         tablecell_split_horizontal : horizontalSplitCell( selection, true ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED,\r
 929                                                                         tablecell_properties : cells.length > 0 ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED\r
 930                                                                 };\r
 931                                                         }\r
 932                                                 },\r
 933 \r
 934                                                 tablecell_insertBefore :\r
 935                                                 {\r
 936                                                         label : lang.cell.insertBefore,\r
 937                                                         group : 'tablecell',\r
 938                                                         command : 'cellInsertBefore',\r
 939                                                         order : 5\r
 940                                                 },\r
 941 \r
 942                                                 tablecell_insertAfter :\r
 943                                                 {\r
 944                                                         label : lang.cell.insertAfter,\r
 945                                                         group : 'tablecell',\r
 946                                                         command : 'cellInsertAfter',\r
 947                                                         order : 10\r
 948                                                 },\r
 949 \r
 950                                                 tablecell_delete :\r
 951                                                 {\r
 952                                                         label : lang.cell.deleteCell,\r
 953                                                         group : 'tablecell',\r
 954                                                         command : 'cellDelete',\r
 955                                                         order : 15\r
 956                                                 },\r
 957 \r
 958                                                 tablecell_merge :\r
 959                                                 {\r
 960                                                         label : lang.cell.merge,\r
 961                                                         group : 'tablecell',\r
 962                                                         command : 'cellMerge',\r
 963                                                         order : 16\r
 964                                                 },\r
 965 \r
 966                                                 tablecell_merge_right :\r
 967                                                 {\r
 968                                                         label : lang.cell.mergeRight,\r
 969                                                         group : 'tablecell',\r
 970                                                         command : 'cellMergeRight',\r
 971                                                         order : 17\r
 972                                                 },\r
 973 \r
 974                                                 tablecell_merge_down :\r
 975                                                 {\r
 976                                                         label : lang.cell.mergeDown,\r
 977                                                         group : 'tablecell',\r
 978                                                         command : 'cellMergeDown',\r
 979                                                         order : 18\r
 980                                                 },\r
 981 \r
 982                                                 tablecell_split_horizontal :\r
 983                                                 {\r
 984                                                         label : lang.cell.splitHorizontal,\r
 985                                                         group : 'tablecell',\r
 986                                                         command : 'cellHorizontalSplit',\r
 987                                                         order : 19\r
 988                                                 },\r
 989 \r
 990                                                 tablecell_split_vertical :\r
 991                                                 {\r
 992                                                         label : lang.cell.splitVertical,\r
 993                                                         group : 'tablecell',\r
 994                                                         command : 'cellVerticalSplit',\r
 995                                                         order : 20\r
 996                                                 },\r
 997 \r
 998                                                 tablecell_properties :\r
 999                                                 {\r
1000                                                         label : lang.cell.title,\r
1001                                                         group : 'tablecellproperties',\r
1002                                                         command : 'cellProperties',\r
1003                                                         order : 21\r
1004                                                 },\r
1005 \r
1006                                                 tablerow :\r
1007                                                 {\r
1008                                                         label : lang.row.menu,\r
1009                                                         group : 'tablerow',\r
1010                                                         order : 1,\r
1011                                                         getItems : function()\r
1012                                                         {\r
1013                                                                 return {\r
1014                                                                         tablerow_insertBefore : CKEDITOR.TRISTATE_OFF,\r
1015                                                                         tablerow_insertAfter : CKEDITOR.TRISTATE_OFF,\r
1016                                                                         tablerow_delete : CKEDITOR.TRISTATE_OFF\r
1017                                                                 };\r
1018                                                         }\r
1019                                                 },\r
1020 \r
1021                                                 tablerow_insertBefore :\r
1022                                                 {\r
1023                                                         label : lang.row.insertBefore,\r
1024                                                         group : 'tablerow',\r
1025                                                         command : 'rowInsertBefore',\r
1026                                                         order : 5\r
1027                                                 },\r
1028 \r
1029                                                 tablerow_insertAfter :\r
1030                                                 {\r
1031                                                         label : lang.row.insertAfter,\r
1032                                                         group : 'tablerow',\r
1033                                                         command : 'rowInsertAfter',\r
1034                                                         order : 10\r
1035                                                 },\r
1036 \r
1037                                                 tablerow_delete :\r
1038                                                 {\r
1039                                                         label : lang.row.deleteRow,\r
1040                                                         group : 'tablerow',\r
1041                                                         command : 'rowDelete',\r
1042                                                         order : 15\r
1043                                                 },\r
1044 \r
1045                                                 tablecolumn :\r
1046                                                 {\r
1047                                                         label : lang.column.menu,\r
1048                                                         group : 'tablecolumn',\r
1049                                                         order : 1,\r
1050                                                         getItems : function()\r
1051                                                         {\r
1052                                                                 return {\r
1053                                                                         tablecolumn_insertBefore : CKEDITOR.TRISTATE_OFF,\r
1054                                                                         tablecolumn_insertAfter : CKEDITOR.TRISTATE_OFF,\r
1055                                                                         tablecolumn_delete : CKEDITOR.TRISTATE_OFF\r
1056                                                                 };\r
1057                                                         }\r
1058                                                 },\r
1059 \r
1060                                                 tablecolumn_insertBefore :\r
1061                                                 {\r
1062                                                         label : lang.column.insertBefore,\r
1063                                                         group : 'tablecolumn',\r
1064                                                         command : 'columnInsertBefore',\r
1065                                                         order : 5\r
1066                                                 },\r
1067 \r
1068                                                 tablecolumn_insertAfter :\r
1069                                                 {\r
1070                                                         label : lang.column.insertAfter,\r
1071                                                         group : 'tablecolumn',\r
1072                                                         command : 'columnInsertAfter',\r
1073                                                         order : 10\r
1074                                                 },\r
1075 \r
1076                                                 tablecolumn_delete :\r
1077                                                 {\r
1078                                                         label : lang.column.deleteColumn,\r
1079                                                         group : 'tablecolumn',\r
1080                                                         command : 'columnDelete',\r
1081                                                         order : 15\r
1082                                                 }\r
1083                                         });\r
1084                         }\r
1085 \r
1086                         // If the "contextmenu" plugin is laoded, register the listeners.\r
1087                         if ( editor.contextMenu )\r
1088                         {\r
1089                                 editor.contextMenu.addListener( function( element, selection )\r
1090                                         {\r
1091                                                 if ( !element )\r
1092                                                         return null;\r
1093 \r
1094                                                 while ( element )\r
1095                                                 {\r
1096                                                         if ( element.getName() in contextMenuTags )\r
1097                                                         {\r
1098                                                                 return {\r
1099                                                                         tablecell : CKEDITOR.TRISTATE_OFF,\r
1100                                                                         tablerow : CKEDITOR.TRISTATE_OFF,\r
1101                                                                         tablecolumn : CKEDITOR.TRISTATE_OFF\r
1102                                                                 };\r
1103                                                         }\r
1104                                                         element = element.getParent();\r
1105                                                 }\r
1106 \r
1107                                                 return null;\r
1108                                         } );\r
1109                         }\r
1110                 },\r
1111 \r
1112                 getSelectedCells : getSelectedCells\r
1113 \r
1114         };\r
1115         CKEDITOR.plugins.add( 'tabletools', CKEDITOR.plugins.tabletools );\r
1116 })();\r