2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
8 function removeRawAttribute( $node, attr )
\r
10 if ( CKEDITOR.env.ie )
\r
11 $node.removeAttribute( attr );
\r
13 delete $node[ attr ];
\r
16 var cellNodeRegex = /^(?:td|th)$/;
\r
18 function getSelectedCells( selection )
\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
24 var ranges = selection.getRanges();
\r
28 function moveOutOfCellGuard( node )
\r
30 // Apply to the first cell only.
\r
31 if ( retval.length > 0 )
\r
34 // If we are exiting from the first </td>, then the td should definitely be
\r
36 if ( node.type == CKEDITOR.NODE_ELEMENT && cellNodeRegex.test( node.getName() )
\r
37 && !node.getCustomData( 'selected_cell' ) )
\r
39 CKEDITOR.dom.element.setMarker( database, node, 'selected_cell', true );
\r
40 retval.push( node );
\r
44 for ( var i = 0 ; i < ranges.length ; i++ )
\r
46 var range = ranges[ i ];
\r
48 if ( range.collapsed )
\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
54 retval.push( nearestCell );
\r
58 var walker = new CKEDITOR.dom.walker( range );
\r
60 walker.guard = moveOutOfCellGuard;
\r
62 while ( ( node = walker.next() ) )
\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
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
71 var parent = node.getParent();
\r
72 if ( parent && cellNodeRegex.test( parent.getName() ) && !parent.getCustomData( 'selected_cell' ) )
\r
74 CKEDITOR.dom.element.setMarker( database, parent, 'selected_cell', true );
\r
75 retval.push( parent );
\r
81 CKEDITOR.dom.element.clearAllMarkers( database );
\r
83 // Restore selection position.
\r
84 selection.selectBookmarks( bookmarks );
\r
89 function createTableMap( $refCell )
\r
91 var refCell = new CKEDITOR.dom.element( $refCell );
\r
92 var $table = ( refCell.getName() == 'table' ? $refCell : refCell.getAscendant( 'table' ) ).$;
\r
93 var $rows = $table.rows;
\r
95 // Row and column counters.
\r
98 for ( var i = 0 ; i < $rows.length ; i++ )
\r
106 for ( var j = 0 ; j < $rows[ i ].cells.length ; j++ )
\r
108 var $cell = $rows[ i ].cells[ j ];
\r
111 while ( map[ r ][ c ] )
\r
114 var colSpan = isNaN( $cell.colSpan ) ? 1 : $cell.colSpan;
\r
115 var rowSpan = isNaN( $cell.rowSpan ) ? 1 : $cell.rowSpan;
\r
117 for ( var rs = 0 ; rs < rowSpan ; rs++ )
\r
119 if ( !map[ r + rs ] )
\r
120 map[ r + rs ] = [];
\r
122 for ( var cs = 0 ; cs < colSpan ; cs++ )
\r
123 map [ r + rs ][ c + cs ] = $rows[ i ].cells[ j ];
\r
133 function installTableMap( tableMap, $table )
\r
136 * IE BUG: rowSpan is always 1 in IE if the cell isn't attached to a row. So
\r
137 * store is separately in another attribute. (#1917)
\r
139 var rowSpanAttr = CKEDITOR.env.ie ? '_cke_rowspan' : 'rowSpan';
\r
142 * Disconnect all the cells in tableMap from their parents, set all colSpan
\r
143 * and rowSpan attributes to 1.
\r
145 for ( var i = 0 ; i < tableMap.length ; i++ )
\r
147 for ( var j = 0 ; j < tableMap[ i ].length ; j++ )
\r
149 var $cell = tableMap[ i ][ j ];
\r
150 if ( $cell.parentNode )
\r
151 $cell.parentNode.removeChild( $cell );
\r
152 $cell.colSpan = $cell[ rowSpanAttr ] = 1;
\r
156 // Scan by rows and set colSpan.
\r
158 for ( i = 0 ; i < tableMap.length ; i++ )
\r
160 for ( j = 0 ; j < tableMap[ i ].length ; j++ )
\r
162 $cell = tableMap[ i ][ j ];
\r
167 if ( $cell[ '_cke_colScanned' ] )
\r
169 if ( tableMap[ i ][ j - 1 ] == $cell )
\r
171 if ( tableMap[ i ][ j + 1 ] != $cell )
\r
172 $cell[ '_cke_colScanned' ] = 1;
\r
176 // Scan by columns and set rowSpan.
\r
177 for ( i = 0 ; i <= maxCol ; i++ )
\r
179 for ( j = 0 ; j < tableMap.length ; j++ )
\r
181 if ( !tableMap[ j ] )
\r
183 $cell = tableMap[ j ][ i ];
\r
184 if ( !$cell || $cell[ '_cke_rowScanned' ] )
\r
186 if ( tableMap[ j - 1 ] && tableMap[ j - 1 ][ i ] == $cell )
\r
187 $cell[ rowSpanAttr ]++;
\r
188 if ( !tableMap[ j + 1 ] || tableMap[ j + 1 ][ i ] != $cell )
\r
189 $cell[ '_cke_rowScanned' ] = 1;
\r
193 // Clear all temporary flags.
\r
194 for ( i = 0 ; i < tableMap.length ; i++ )
\r
196 for ( j = 0 ; j < tableMap[ i ].length ; j++ )
\r
198 $cell = tableMap[ i ][ j ];
\r
199 removeRawAttribute( $cell, '_cke_colScanned' );
\r
200 removeRawAttribute( $cell, '_cke_rowScanned' );
\r
204 // Insert physical rows and columns to table.
\r
205 for ( i = 0 ; i < tableMap.length ; i++ )
\r
207 var $row = $table.ownerDocument.createElement( 'tr' );
\r
208 for ( j = 0 ; j < tableMap[ i ].length ; )
\r
210 $cell = tableMap[ i ][ j ];
\r
211 if ( tableMap[ i - 1 ] && tableMap[ i - 1 ][ j ] == $cell )
\r
213 j += $cell.colSpan;
\r
216 $row.appendChild( $cell );
\r
217 if ( rowSpanAttr != 'rowSpan' )
\r
219 $cell.rowSpan = $cell[ rowSpanAttr ];
\r
220 $cell.removeAttribute( rowSpanAttr );
\r
222 j += $cell.colSpan;
\r
223 if ( $cell.colSpan == 1 )
\r
224 $cell.removeAttribute( 'colSpan' );
\r
225 if ( $cell.rowSpan == 1 )
\r
226 $cell.removeAttribute( 'rowSpan' );
\r
229 if ( CKEDITOR.env.ie )
\r
230 $table.rows[ i ].replaceNode( $row );
\r
233 var dest = new CKEDITOR.dom.element( $table.rows[ i ] );
\r
234 var src = new CKEDITOR.dom.element( $row );
\r
235 dest.setHtml( '' );
\r
236 src.moveChildren( dest );
\r
241 function clearRow( $tr )
\r
243 // Get the array of row's cells.
\r
244 var $cells = $tr.cells;
\r
246 // Empty all cells.
\r
247 for ( var i = 0 ; i < $cells.length ; i++ )
\r
249 $cells[ i ].innerHTML = '';
\r
251 if ( !CKEDITOR.env.ie )
\r
252 ( new CKEDITOR.dom.element( $cells[ i ] ) ).appendBogus();
\r
256 function insertRow( selection, insertBefore )
\r
258 // Get the row where the selection is placed in.
\r
259 var row = selection.getStartElement().getAscendant( 'tr' );
\r
263 // Create a clone of the row.
\r
264 var newRow = row.clone( true );
\r
266 // Insert the new row before of it.
\r
267 newRow.insertBefore( row );
\r
269 // Clean one of the rows to produce the illusion of inserting an empty row
\r
270 // before or after.
\r
271 clearRow( insertBefore ? newRow.$ : row.$ );
\r
274 function deleteRows( selectionOrRow )
\r
276 if ( selectionOrRow instanceof CKEDITOR.dom.selection )
\r
278 var cells = getSelectedCells( selectionOrRow );
\r
279 var rowsToDelete = [];
\r
281 // Queue up the rows - it's possible and likely that we have duplicates.
\r
282 for ( var i = 0 ; i < cells.length ; i++ )
\r
284 var row = cells[ i ].getParent();
\r
285 rowsToDelete[ row.$.rowIndex ] = row;
\r
288 for ( i = rowsToDelete.length ; i >= 0 ; i-- )
\r
290 if ( rowsToDelete[ i ] )
\r
291 deleteRows( rowsToDelete[ i ] );
\r
294 else if ( selectionOrRow instanceof CKEDITOR.dom.element )
\r
296 var table = selectionOrRow.getAscendant( 'table' );
\r
298 if ( table.$.rows.length == 1 )
\r
301 selectionOrRow.remove();
\r
305 function insertColumn( selection, insertBefore )
\r
307 // Get the cell where the selection is placed in.
\r
308 var startElement = selection.getStartElement();
\r
309 var cell = startElement.getAscendant( 'td', true ) || startElement.getAscendant( 'th', true );
\r
314 // Get the cell's table.
\r
315 var table = cell.getAscendant( 'table' );
\r
316 var cellIndex = cell.$.cellIndex;
\r
318 // Loop through all rows available in the table.
\r
319 for ( var i = 0 ; i < table.$.rows.length ; i++ )
\r
321 var $row = table.$.rows[ i ];
\r
323 // If the row doesn't have enough cells, ignore it.
\r
324 if ( $row.cells.length < ( cellIndex + 1 ) )
\r
327 cell = new CKEDITOR.dom.element( $row.cells[ cellIndex ].cloneNode( false ) );
\r
329 if ( !CKEDITOR.env.ie )
\r
330 cell.appendBogus();
\r
332 // Get back the currently selected cell.
\r
333 var baseCell = new CKEDITOR.dom.element( $row.cells[ cellIndex ] );
\r
334 if ( insertBefore )
\r
335 cell.insertBefore( baseCell );
\r
337 cell.insertAfter( baseCell );
\r
341 function deleteColumns( selectionOrCell )
\r
343 if ( selectionOrCell instanceof CKEDITOR.dom.selection )
\r
345 var colsToDelete = getSelectedCells( selectionOrCell );
\r
346 for ( var i = colsToDelete.length ; i >= 0 ; i-- )
\r
348 if ( colsToDelete[ i ] )
\r
349 deleteColumns( colsToDelete[ i ] );
\r
352 else if ( selectionOrCell instanceof CKEDITOR.dom.element )
\r
354 // Get the cell's table.
\r
355 var table = selectionOrCell.getAscendant( 'table' );
\r
357 // Get the cell index.
\r
358 var cellIndex = selectionOrCell.$.cellIndex;
\r
361 * Loop through all rows from down to up, coz it's possible that some rows
\r
364 for ( i = table.$.rows.length - 1 ; i >= 0 ; i-- )
\r
367 var row = new CKEDITOR.dom.element( table.$.rows[ i ] );
\r
369 // If the cell to be removed is the first one and the row has just one cell.
\r
370 if ( !cellIndex && row.$.cells.length == 1 )
\r
376 // Else, just delete the cell.
\r
377 if ( row.$.cells[ cellIndex ] )
\r
378 row.$.removeChild( row.$.cells[ cellIndex ] );
\r
383 function insertCell( selection, insertBefore )
\r
385 var startElement = selection.getStartElement();
\r
386 var cell = startElement.getAscendant( 'td', true ) || startElement.getAscendant( 'th', true );
\r
391 // Create the new cell element to be added.
\r
392 var newCell = cell.clone();
\r
393 if ( !CKEDITOR.env.ie )
\r
394 newCell.appendBogus();
\r
396 if ( insertBefore )
\r
397 newCell.insertBefore( cell );
\r
399 newCell.insertAfter( cell );
\r
402 function deleteCells( selectionOrCell )
\r
404 if ( selectionOrCell instanceof CKEDITOR.dom.selection )
\r
406 var cellsToDelete = getSelectedCells( selectionOrCell );
\r
407 for ( var i = cellsToDelete.length - 1 ; i >= 0 ; i-- )
\r
408 deleteCells( cellsToDelete[ i ] );
\r
410 else if ( selectionOrCell instanceof CKEDITOR.dom.element )
\r
412 if ( selectionOrCell.getParent().getChildCount() == 1 )
\r
413 selectionOrCell.getParent().remove();
\r
415 selectionOrCell.remove();
\r
419 // Context menu on table caption incorrect (#3834)
\r
420 var contextMenuTags = { thead : 1, tbody : 1, tfoot : 1, td : 1, tr : 1, th : 1 };
\r
422 CKEDITOR.plugins.tabletools =
\r
424 init : function( editor )
\r
426 var lang = editor.lang.table;
\r
428 editor.addCommand( 'cellProperties', new CKEDITOR.dialogCommand( 'cellProperties' ) );
\r
429 CKEDITOR.dialog.add( 'cellProperties', this.path + 'dialogs/tableCell.js' );
\r
431 editor.addCommand( 'tableDelete',
\r
433 exec : function( editor )
\r
435 var selection = editor.getSelection();
\r
436 var startElement = selection && selection.getStartElement();
\r
437 var table = startElement && startElement.getAscendant( 'table', true );
\r
442 // Maintain the selection point at where the table was deleted.
\r
443 selection.selectElement( table );
\r
444 var range = selection.getRanges()[0];
\r
446 selection.selectRanges( [ range ] );
\r
448 // If the table's parent has only one child, remove it as well.
\r
449 if ( table.getParent().getChildCount() == 1 )
\r
450 table.getParent().remove();
\r
456 editor.addCommand( 'rowDelete',
\r
458 exec : function( editor )
\r
460 var selection = editor.getSelection();
\r
461 deleteRows( selection );
\r
465 editor.addCommand( 'rowInsertBefore',
\r
467 exec : function( editor )
\r
469 var selection = editor.getSelection();
\r
470 insertRow( selection, true );
\r
474 editor.addCommand( 'rowInsertAfter',
\r
476 exec : function( editor )
\r
478 var selection = editor.getSelection();
\r
479 insertRow( selection );
\r
483 editor.addCommand( 'columnDelete',
\r
485 exec : function( editor )
\r
487 var selection = editor.getSelection();
\r
488 deleteColumns( selection );
\r
492 editor.addCommand( 'columnInsertBefore',
\r
494 exec : function( editor )
\r
496 var selection = editor.getSelection();
\r
497 insertColumn( selection, true );
\r
501 editor.addCommand( 'columnInsertAfter',
\r
503 exec : function( editor )
\r
505 var selection = editor.getSelection();
\r
506 insertColumn( selection );
\r
510 editor.addCommand( 'cellDelete',
\r
512 exec : function( editor )
\r
514 var selection = editor.getSelection();
\r
515 deleteCells( selection );
\r
519 editor.addCommand( 'cellInsertBefore',
\r
521 exec : function( editor )
\r
523 var selection = editor.getSelection();
\r
524 insertCell( selection, true );
\r
528 editor.addCommand( 'cellInsertAfter',
\r
530 exec : function( editor )
\r
532 var selection = editor.getSelection();
\r
533 insertCell( selection );
\r
537 // If the "menu" plugin is loaded, register the menu items.
\r
538 if ( editor.addMenuItems )
\r
540 editor.addMenuItems(
\r
544 label : lang.cell.menu,
\r
545 group : 'tablecell',
\r
547 getItems : function()
\r
549 var cells = getSelectedCells( editor.getSelection() );
\r
551 tablecell_insertBefore : CKEDITOR.TRISTATE_OFF,
\r
552 tablecell_insertAfter : CKEDITOR.TRISTATE_OFF,
\r
553 tablecell_delete : CKEDITOR.TRISTATE_OFF,
\r
554 tablecell_properties : cells.length > 0 ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED
\r
559 tablecell_insertBefore :
\r
561 label : lang.cell.insertBefore,
\r
562 group : 'tablecell',
\r
563 command : 'cellInsertBefore',
\r
567 tablecell_insertAfter :
\r
569 label : lang.cell.insertAfter,
\r
570 group : 'tablecell',
\r
571 command : 'cellInsertAfter',
\r
577 label : lang.cell.deleteCell,
\r
578 group : 'tablecell',
\r
579 command : 'cellDelete',
\r
583 tablecell_properties :
\r
585 label : lang.cell.title,
\r
586 group : 'tablecellproperties',
\r
587 command : 'cellProperties',
\r
593 label : lang.row.menu,
\r
594 group : 'tablerow',
\r
596 getItems : function()
\r
599 tablerow_insertBefore : CKEDITOR.TRISTATE_OFF,
\r
600 tablerow_insertAfter : CKEDITOR.TRISTATE_OFF,
\r
601 tablerow_delete : CKEDITOR.TRISTATE_OFF
\r
606 tablerow_insertBefore :
\r
608 label : lang.row.insertBefore,
\r
609 group : 'tablerow',
\r
610 command : 'rowInsertBefore',
\r
614 tablerow_insertAfter :
\r
616 label : lang.row.insertAfter,
\r
617 group : 'tablerow',
\r
618 command : 'rowInsertAfter',
\r
624 label : lang.row.deleteRow,
\r
625 group : 'tablerow',
\r
626 command : 'rowDelete',
\r
632 label : lang.column.menu,
\r
633 group : 'tablecolumn',
\r
635 getItems : function()
\r
638 tablecolumn_insertBefore : CKEDITOR.TRISTATE_OFF,
\r
639 tablecolumn_insertAfter : CKEDITOR.TRISTATE_OFF,
\r
640 tablecolumn_delete : CKEDITOR.TRISTATE_OFF
\r
645 tablecolumn_insertBefore :
\r
647 label : lang.column.insertBefore,
\r
648 group : 'tablecolumn',
\r
649 command : 'columnInsertBefore',
\r
653 tablecolumn_insertAfter :
\r
655 label : lang.column.insertAfter,
\r
656 group : 'tablecolumn',
\r
657 command : 'columnInsertAfter',
\r
661 tablecolumn_delete :
\r
663 label : lang.column.deleteColumn,
\r
664 group : 'tablecolumn',
\r
665 command : 'columnDelete',
\r
671 // If the "contextmenu" plugin is laoded, register the listeners.
\r
672 if ( editor.contextMenu )
\r
674 editor.contextMenu.addListener( function( element, selection )
\r
681 if ( element.getName() in contextMenuTags )
\r
684 tablecell : CKEDITOR.TRISTATE_OFF,
\r
685 tablerow : CKEDITOR.TRISTATE_OFF,
\r
686 tablecolumn : CKEDITOR.TRISTATE_OFF
\r
689 element = element.getParent();
\r
697 getSelectedCells : getSelectedCells
\r
700 CKEDITOR.plugins.add( 'tabletools', CKEDITOR.plugins.tabletools );
\r