PageRenderTime 100ms CodeModel.GetById 12ms app.highlight 80ms RepoModel.GetById 1ms app.codeStats 0ms

/BlogEngine/BlogEngine.NET/editors/tiny_mce_3_4_3_1/plugins/table/editor_plugin_src.js

#
JavaScript | 1209 lines | 882 code | 239 blank | 88 comment | 216 complexity | 20e36be6b1cc1f8721fe1234f8009526 MD5 | raw file
   1/**
   2 * editor_plugin_src.js
   3 *
   4 * Copyright 2009, Moxiecode Systems AB
   5 * Released under LGPL License.
   6 *
   7 * License: http://tinymce.moxiecode.com/license
   8 * Contributing: http://tinymce.moxiecode.com/contributing
   9 */
  10
  11(function(tinymce) {
  12	var each = tinymce.each;
  13
  14	// Checks if the selection/caret is at the start of the specified block element
  15	function isAtStart(rng, par) {
  16		var doc = par.ownerDocument, rng2 = doc.createRange(), elm;
  17
  18		rng2.setStartBefore(par);
  19		rng2.setEnd(rng.endContainer, rng.endOffset);
  20
  21		elm = doc.createElement('body');
  22		elm.appendChild(rng2.cloneContents());
  23
  24		// Check for text characters of other elements that should be treated as content
  25		return elm.innerHTML.replace(/<(br|img|object|embed|input|textarea)[^>]*>/gi, '-').replace(/<[^>]+>/g, '').length == 0;
  26	};
  27
  28	/**
  29	 * Table Grid class.
  30	 */
  31	function TableGrid(table, dom, selection) {
  32		var grid, startPos, endPos, selectedCell;
  33
  34		buildGrid();
  35		selectedCell = dom.getParent(selection.getStart(), 'th,td');
  36		if (selectedCell) {
  37			startPos = getPos(selectedCell);
  38			endPos = findEndPos();
  39			selectedCell = getCell(startPos.x, startPos.y);
  40		}
  41
  42		function cloneNode(node, children) {
  43			node = node.cloneNode(children);
  44			node.removeAttribute('id');
  45
  46			return node;
  47		}
  48
  49		function buildGrid() {
  50			var startY = 0;
  51
  52			grid = [];
  53
  54			each(['thead', 'tbody', 'tfoot'], function(part) {
  55				var rows = dom.select('> ' + part + ' tr', table);
  56
  57				each(rows, function(tr, y) {
  58					y += startY;
  59
  60					each(dom.select('> td, > th', tr), function(td, x) {
  61						var x2, y2, rowspan, colspan;
  62
  63						// Skip over existing cells produced by rowspan
  64						if (grid[y]) {
  65							while (grid[y][x])
  66								x++;
  67						}
  68
  69						// Get col/rowspan from cell
  70						rowspan = getSpanVal(td, 'rowspan');
  71						colspan = getSpanVal(td, 'colspan');
  72
  73						// Fill out rowspan/colspan right and down
  74						for (y2 = y; y2 < y + rowspan; y2++) {
  75							if (!grid[y2])
  76								grid[y2] = [];
  77
  78							for (x2 = x; x2 < x + colspan; x2++) {
  79								grid[y2][x2] = {
  80									part : part,
  81									real : y2 == y && x2 == x,
  82									elm : td,
  83									rowspan : rowspan,
  84									colspan : colspan
  85								};
  86							}
  87						}
  88					});
  89				});
  90
  91				startY += rows.length;
  92			});
  93		};
  94
  95		function getCell(x, y) {
  96			var row;
  97
  98			row = grid[y];
  99			if (row)
 100				return row[x];
 101		};
 102
 103		function getSpanVal(td, name) {
 104			return parseInt(td.getAttribute(name) || 1);
 105		};
 106
 107		function setSpanVal(td, name, val) {
 108			if (td) {
 109				val = parseInt(val);
 110
 111				if (val === 1)
 112					td.removeAttribute(name, 1);
 113				else
 114					td.setAttribute(name, val, 1);
 115			}
 116		}
 117
 118		function isCellSelected(cell) {
 119			return cell && (dom.hasClass(cell.elm, 'mceSelected') || cell == selectedCell);
 120		};
 121
 122		function getSelectedRows() {
 123			var rows = [];
 124
 125			each(table.rows, function(row) {
 126				each(row.cells, function(cell) {
 127					if (dom.hasClass(cell, 'mceSelected') || cell == selectedCell.elm) {
 128						rows.push(row);
 129						return false;
 130					}
 131				});
 132			});
 133
 134			return rows;
 135		};
 136
 137		function deleteTable() {
 138			var rng = dom.createRng();
 139
 140			rng.setStartAfter(table);
 141			rng.setEndAfter(table);
 142
 143			selection.setRng(rng);
 144
 145			dom.remove(table);
 146		};
 147
 148		function cloneCell(cell) {
 149			var formatNode;
 150
 151			// Clone formats
 152			tinymce.walk(cell, function(node) {
 153				var curNode;
 154
 155				if (node.nodeType == 3) {
 156					each(dom.getParents(node.parentNode, null, cell).reverse(), function(node) {
 157						node = cloneNode(node, false);
 158
 159						if (!formatNode)
 160							formatNode = curNode = node;
 161						else if (curNode)
 162							curNode.appendChild(node);
 163
 164						curNode = node;
 165					});
 166
 167					// Add something to the inner node
 168					if (curNode)
 169						curNode.innerHTML = tinymce.isIE ? '&nbsp;' : '<br data-mce-bogus="1" />';
 170
 171					return false;
 172				}
 173			}, 'childNodes');
 174
 175			cell = cloneNode(cell, false);
 176			setSpanVal(cell, 'rowSpan', 1);
 177			setSpanVal(cell, 'colSpan', 1);
 178
 179			if (formatNode) {
 180				cell.appendChild(formatNode);
 181			} else {
 182				if (!tinymce.isIE)
 183					cell.innerHTML = '<br data-mce-bogus="1" />';
 184			}
 185
 186			return cell;
 187		};
 188
 189		function cleanup() {
 190			var rng = dom.createRng();
 191
 192			// Empty rows
 193			each(dom.select('tr', table), function(tr) {
 194				if (tr.cells.length == 0)
 195					dom.remove(tr);
 196			});
 197
 198			// Empty table
 199			if (dom.select('tr', table).length == 0) {
 200				rng.setStartAfter(table);
 201				rng.setEndAfter(table);
 202				selection.setRng(rng);
 203				dom.remove(table);
 204				return;
 205			}
 206
 207			// Empty header/body/footer
 208			each(dom.select('thead,tbody,tfoot', table), function(part) {
 209				if (part.rows.length == 0)
 210					dom.remove(part);
 211			});
 212
 213			// Restore selection to start position if it still exists
 214			buildGrid();
 215
 216			// Restore the selection to the closest table position
 217			row = grid[Math.min(grid.length - 1, startPos.y)];
 218			if (row) {
 219				selection.select(row[Math.min(row.length - 1, startPos.x)].elm, true);
 220				selection.collapse(true);
 221			}
 222		};
 223
 224		function fillLeftDown(x, y, rows, cols) {
 225			var tr, x2, r, c, cell;
 226
 227			tr = grid[y][x].elm.parentNode;
 228			for (r = 1; r <= rows; r++) {
 229				tr = dom.getNext(tr, 'tr');
 230
 231				if (tr) {
 232					// Loop left to find real cell
 233					for (x2 = x; x2 >= 0; x2--) {
 234						cell = grid[y + r][x2].elm;
 235
 236						if (cell.parentNode == tr) {
 237							// Append clones after
 238							for (c = 1; c <= cols; c++)
 239								dom.insertAfter(cloneCell(cell), cell);
 240
 241							break;
 242						}
 243					}
 244
 245					if (x2 == -1) {
 246						// Insert nodes before first cell
 247						for (c = 1; c <= cols; c++)
 248							tr.insertBefore(cloneCell(tr.cells[0]), tr.cells[0]);
 249					}
 250				}
 251			}
 252		};
 253
 254		function split() {
 255			each(grid, function(row, y) {
 256				each(row, function(cell, x) {
 257					var colSpan, rowSpan, newCell, i;
 258
 259					if (isCellSelected(cell)) {
 260						cell = cell.elm;
 261						colSpan = getSpanVal(cell, 'colspan');
 262						rowSpan = getSpanVal(cell, 'rowspan');
 263
 264						if (colSpan > 1 || rowSpan > 1) {
 265							setSpanVal(cell, 'rowSpan', 1);
 266							setSpanVal(cell, 'colSpan', 1);
 267
 268							// Insert cells right
 269							for (i = 0; i < colSpan - 1; i++)
 270								dom.insertAfter(cloneCell(cell), cell);
 271
 272							fillLeftDown(x, y, rowSpan - 1, colSpan);
 273						}
 274					}
 275				});
 276			});
 277		};
 278
 279		function merge(cell, cols, rows) {
 280			var startX, startY, endX, endY, x, y, startCell, endCell, cell, children, count;
 281
 282			// Use specified cell and cols/rows
 283			if (cell) {
 284				pos = getPos(cell);
 285				startX = pos.x;
 286				startY = pos.y;
 287				endX = startX + (cols - 1);
 288				endY = startY + (rows - 1);
 289			} else {
 290				// Use selection
 291				startX = startPos.x;
 292				startY = startPos.y;
 293				endX = endPos.x;
 294				endY = endPos.y;
 295			}
 296
 297			// Find start/end cells
 298			startCell = getCell(startX, startY);
 299			endCell = getCell(endX, endY);
 300
 301			// Check if the cells exists and if they are of the same part for example tbody = tbody
 302			if (startCell && endCell && startCell.part == endCell.part) {
 303				// Split and rebuild grid
 304				split();
 305				buildGrid();
 306
 307				// Set row/col span to start cell
 308				startCell = getCell(startX, startY).elm;
 309				setSpanVal(startCell, 'colSpan', (endX - startX) + 1);
 310				setSpanVal(startCell, 'rowSpan', (endY - startY) + 1);
 311
 312				// Remove other cells and add it's contents to the start cell
 313				for (y = startY; y <= endY; y++) {
 314					for (x = startX; x <= endX; x++) {
 315						if (!grid[y] || !grid[y][x])
 316							continue;
 317
 318						cell = grid[y][x].elm;
 319
 320						if (cell != startCell) {
 321							// Move children to startCell
 322							children = tinymce.grep(cell.childNodes);
 323							each(children, function(node) {
 324								startCell.appendChild(node);
 325							});
 326
 327							// Remove bogus nodes if there is children in the target cell
 328							if (children.length) {
 329								children = tinymce.grep(startCell.childNodes);
 330								count = 0;
 331								each(children, function(node) {
 332									if (node.nodeName == 'BR' && dom.getAttrib(node, 'data-mce-bogus') && count++ < children.length - 1)
 333										startCell.removeChild(node);
 334								});
 335							}
 336							
 337							// Remove cell
 338							dom.remove(cell);
 339						}
 340					}
 341				}
 342
 343				// Remove empty rows etc and restore caret location
 344				cleanup();
 345			}
 346		};
 347
 348		function insertRow(before) {
 349			var posY, cell, lastCell, x, rowElm, newRow, newCell, otherCell, rowSpan;
 350
 351			// Find first/last row
 352			each(grid, function(row, y) {
 353				each(row, function(cell, x) {
 354					if (isCellSelected(cell)) {
 355						cell = cell.elm;
 356						rowElm = cell.parentNode;
 357						newRow = cloneNode(rowElm, false);
 358						posY = y;
 359
 360						if (before)
 361							return false;
 362					}
 363				});
 364
 365				if (before)
 366					return !posY;
 367			});
 368
 369			for (x = 0; x < grid[0].length; x++) {
 370				// Cell not found could be because of an invalid table structure
 371				if (!grid[posY][x])
 372					continue;
 373
 374				cell = grid[posY][x].elm;
 375
 376				if (cell != lastCell) {
 377					if (!before) {
 378						rowSpan = getSpanVal(cell, 'rowspan');
 379						if (rowSpan > 1) {
 380							setSpanVal(cell, 'rowSpan', rowSpan + 1);
 381							continue;
 382						}
 383					} else {
 384						// Check if cell above can be expanded
 385						if (posY > 0 && grid[posY - 1][x]) {
 386							otherCell = grid[posY - 1][x].elm;
 387							rowSpan = getSpanVal(otherCell, 'rowSpan');
 388							if (rowSpan > 1) {
 389								setSpanVal(otherCell, 'rowSpan', rowSpan + 1);
 390								continue;
 391							}
 392						}
 393					}
 394
 395					// Insert new cell into new row
 396					newCell = cloneCell(cell);
 397					setSpanVal(newCell, 'colSpan', cell.colSpan);
 398
 399					newRow.appendChild(newCell);
 400
 401					lastCell = cell;
 402				}
 403			}
 404
 405			if (newRow.hasChildNodes()) {
 406				if (!before)
 407					dom.insertAfter(newRow, rowElm);
 408				else
 409					rowElm.parentNode.insertBefore(newRow, rowElm);
 410			}
 411		};
 412
 413		function insertCol(before) {
 414			var posX, lastCell;
 415
 416			// Find first/last column
 417			each(grid, function(row, y) {
 418				each(row, function(cell, x) {
 419					if (isCellSelected(cell)) {
 420						posX = x;
 421
 422						if (before)
 423							return false;
 424					}
 425				});
 426
 427				if (before)
 428					return !posX;
 429			});
 430
 431			each(grid, function(row, y) {
 432				var cell, rowSpan, colSpan;
 433
 434				if (!row[posX])
 435					return;
 436
 437				cell = row[posX].elm;
 438				if (cell != lastCell) {
 439					colSpan = getSpanVal(cell, 'colspan');
 440					rowSpan = getSpanVal(cell, 'rowspan');
 441
 442					if (colSpan == 1) {
 443						if (!before) {
 444							dom.insertAfter(cloneCell(cell), cell);
 445							fillLeftDown(posX, y, rowSpan - 1, colSpan);
 446						} else {
 447							cell.parentNode.insertBefore(cloneCell(cell), cell);
 448							fillLeftDown(posX, y, rowSpan - 1, colSpan);
 449						}
 450					} else
 451						setSpanVal(cell, 'colSpan', cell.colSpan + 1);
 452
 453					lastCell = cell;
 454				}
 455			});
 456		};
 457
 458		function deleteCols() {
 459			var cols = [];
 460
 461			// Get selected column indexes
 462			each(grid, function(row, y) {
 463				each(row, function(cell, x) {
 464					if (isCellSelected(cell) && tinymce.inArray(cols, x) === -1) {
 465						each(grid, function(row) {
 466							var cell = row[x].elm, colSpan;
 467
 468							colSpan = getSpanVal(cell, 'colSpan');
 469
 470							if (colSpan > 1)
 471								setSpanVal(cell, 'colSpan', colSpan - 1);
 472							else
 473								dom.remove(cell);
 474						});
 475
 476						cols.push(x);
 477					}
 478				});
 479			});
 480
 481			cleanup();
 482		};
 483
 484		function deleteRows() {
 485			var rows;
 486
 487			function deleteRow(tr) {
 488				var nextTr, pos, lastCell;
 489
 490				nextTr = dom.getNext(tr, 'tr');
 491
 492				// Move down row spanned cells
 493				each(tr.cells, function(cell) {
 494					var rowSpan = getSpanVal(cell, 'rowSpan');
 495
 496					if (rowSpan > 1) {
 497						setSpanVal(cell, 'rowSpan', rowSpan - 1);
 498						pos = getPos(cell);
 499						fillLeftDown(pos.x, pos.y, 1, 1);
 500					}
 501				});
 502
 503				// Delete cells
 504				pos = getPos(tr.cells[0]);
 505				each(grid[pos.y], function(cell) {
 506					var rowSpan;
 507
 508					cell = cell.elm;
 509
 510					if (cell != lastCell) {
 511						rowSpan = getSpanVal(cell, 'rowSpan');
 512
 513						if (rowSpan <= 1)
 514							dom.remove(cell);
 515						else
 516							setSpanVal(cell, 'rowSpan', rowSpan - 1);
 517
 518						lastCell = cell;
 519					}
 520				});
 521			};
 522
 523			// Get selected rows and move selection out of scope
 524			rows = getSelectedRows();
 525
 526			// Delete all selected rows
 527			each(rows.reverse(), function(tr) {
 528				deleteRow(tr);
 529			});
 530
 531			cleanup();
 532		};
 533
 534		function cutRows() {
 535			var rows = getSelectedRows();
 536
 537			dom.remove(rows);
 538			cleanup();
 539
 540			return rows;
 541		};
 542
 543		function copyRows() {
 544			var rows = getSelectedRows();
 545
 546			each(rows, function(row, i) {
 547				rows[i] = cloneNode(row, true);
 548			});
 549
 550			return rows;
 551		};
 552
 553		function pasteRows(rows, before) {
 554			var selectedRows = getSelectedRows(),
 555				targetRow = selectedRows[before ? 0 : selectedRows.length - 1],
 556				targetCellCount = targetRow.cells.length;
 557
 558			// Calc target cell count
 559			each(grid, function(row) {
 560				var match;
 561
 562				targetCellCount = 0;
 563				each(row, function(cell, x) {
 564					if (cell.real)
 565						targetCellCount += cell.colspan;
 566
 567					if (cell.elm.parentNode == targetRow)
 568						match = 1;
 569				});
 570
 571				if (match)
 572					return false;
 573			});
 574
 575			if (!before)
 576				rows.reverse();
 577
 578			each(rows, function(row) {
 579				var cellCount = row.cells.length, cell;
 580
 581				// Remove col/rowspans
 582				for (i = 0; i < cellCount; i++) {
 583					cell = row.cells[i];
 584					setSpanVal(cell, 'colSpan', 1);
 585					setSpanVal(cell, 'rowSpan', 1);
 586				}
 587
 588				// Needs more cells
 589				for (i = cellCount; i < targetCellCount; i++)
 590					row.appendChild(cloneCell(row.cells[cellCount - 1]));
 591
 592				// Needs less cells
 593				for (i = targetCellCount; i < cellCount; i++)
 594					dom.remove(row.cells[i]);
 595
 596				// Add before/after
 597				if (before)
 598					targetRow.parentNode.insertBefore(row, targetRow);
 599				else
 600					dom.insertAfter(row, targetRow);
 601			});
 602		};
 603
 604		function getPos(target) {
 605			var pos;
 606
 607			each(grid, function(row, y) {
 608				each(row, function(cell, x) {
 609					if (cell.elm == target) {
 610						pos = {x : x, y : y};
 611						return false;
 612					}
 613				});
 614
 615				return !pos;
 616			});
 617
 618			return pos;
 619		};
 620
 621		function setStartCell(cell) {
 622			startPos = getPos(cell);
 623		};
 624
 625		function findEndPos() {
 626			var pos, maxX, maxY;
 627
 628			maxX = maxY = 0;
 629
 630			each(grid, function(row, y) {
 631				each(row, function(cell, x) {
 632					var colSpan, rowSpan;
 633
 634					if (isCellSelected(cell)) {
 635						cell = grid[y][x];
 636
 637						if (x > maxX)
 638							maxX = x;
 639
 640						if (y > maxY)
 641							maxY = y;
 642
 643						if (cell.real) {
 644							colSpan = cell.colspan - 1;
 645							rowSpan = cell.rowspan - 1;
 646
 647							if (colSpan) {
 648								if (x + colSpan > maxX)
 649									maxX = x + colSpan;
 650							}
 651
 652							if (rowSpan) {
 653								if (y + rowSpan > maxY)
 654									maxY = y + rowSpan;
 655							}
 656						}
 657					}
 658				});
 659			});
 660
 661			return {x : maxX, y : maxY};
 662		};
 663
 664		function setEndCell(cell) {
 665			var startX, startY, endX, endY, maxX, maxY, colSpan, rowSpan;
 666
 667			endPos = getPos(cell);
 668
 669			if (startPos && endPos) {
 670				// Get start/end positions
 671				startX = Math.min(startPos.x, endPos.x);
 672				startY = Math.min(startPos.y, endPos.y);
 673				endX = Math.max(startPos.x, endPos.x);
 674				endY = Math.max(startPos.y, endPos.y);
 675
 676				// Expand end positon to include spans
 677				maxX = endX;
 678				maxY = endY;
 679
 680				// Expand startX
 681				for (y = startY; y <= maxY; y++) {
 682					cell = grid[y][startX];
 683
 684					if (!cell.real) {
 685						if (startX - (cell.colspan - 1) < startX)
 686							startX -= cell.colspan - 1;
 687					}
 688				}
 689
 690				// Expand startY
 691				for (x = startX; x <= maxX; x++) {
 692					cell = grid[startY][x];
 693
 694					if (!cell.real) {
 695						if (startY - (cell.rowspan - 1) < startY)
 696							startY -= cell.rowspan - 1;
 697					}
 698				}
 699
 700				// Find max X, Y
 701				for (y = startY; y <= endY; y++) {
 702					for (x = startX; x <= endX; x++) {
 703						cell = grid[y][x];
 704
 705						if (cell.real) {
 706							colSpan = cell.colspan - 1;
 707							rowSpan = cell.rowspan - 1;
 708
 709							if (colSpan) {
 710								if (x + colSpan > maxX)
 711									maxX = x + colSpan;
 712							}
 713
 714							if (rowSpan) {
 715								if (y + rowSpan > maxY)
 716									maxY = y + rowSpan;
 717							}
 718						}
 719					}
 720				}
 721
 722				// Remove current selection
 723				dom.removeClass(dom.select('td.mceSelected,th.mceSelected'), 'mceSelected');
 724
 725				// Add new selection
 726				for (y = startY; y <= maxY; y++) {
 727					for (x = startX; x <= maxX; x++) {
 728						if (grid[y][x])
 729							dom.addClass(grid[y][x].elm, 'mceSelected');
 730					}
 731				}
 732			}
 733		};
 734
 735		// Expose to public
 736		tinymce.extend(this, {
 737			deleteTable : deleteTable,
 738			split : split,
 739			merge : merge,
 740			insertRow : insertRow,
 741			insertCol : insertCol,
 742			deleteCols : deleteCols,
 743			deleteRows : deleteRows,
 744			cutRows : cutRows,
 745			copyRows : copyRows,
 746			pasteRows : pasteRows,
 747			getPos : getPos,
 748			setStartCell : setStartCell,
 749			setEndCell : setEndCell
 750		});
 751	};
 752
 753	tinymce.create('tinymce.plugins.TablePlugin', {
 754		init : function(ed, url) {
 755			var winMan, clipboardRows, hasCellSelection = true; // Might be selected cells on reload
 756
 757			function createTableGrid(node) {
 758				var selection = ed.selection, tblElm = ed.dom.getParent(node || selection.getNode(), 'table');
 759
 760				if (tblElm)
 761					return new TableGrid(tblElm, ed.dom, selection);
 762			};
 763
 764			function cleanup() {
 765				// Restore selection possibilities
 766				ed.getBody().style.webkitUserSelect = '';
 767
 768				if (hasCellSelection) {
 769					ed.dom.removeClass(ed.dom.select('td.mceSelected,th.mceSelected'), 'mceSelected');
 770					hasCellSelection = false;
 771				}
 772			};
 773
 774			// Register buttons
 775			each([
 776				['table', 'table.desc', 'mceInsertTable', true],
 777				['delete_table', 'table.del', 'mceTableDelete'],
 778				['delete_col', 'table.delete_col_desc', 'mceTableDeleteCol'],
 779				['delete_row', 'table.delete_row_desc', 'mceTableDeleteRow'],
 780				['col_after', 'table.col_after_desc', 'mceTableInsertColAfter'],
 781				['col_before', 'table.col_before_desc', 'mceTableInsertColBefore'],
 782				['row_after', 'table.row_after_desc', 'mceTableInsertRowAfter'],
 783				['row_before', 'table.row_before_desc', 'mceTableInsertRowBefore'],
 784				['row_props', 'table.row_desc', 'mceTableRowProps', true],
 785				['cell_props', 'table.cell_desc', 'mceTableCellProps', true],
 786				['split_cells', 'table.split_cells_desc', 'mceTableSplitCells', true],
 787				['merge_cells', 'table.merge_cells_desc', 'mceTableMergeCells', true]
 788			], function(c) {
 789				ed.addButton(c[0], {title : c[1], cmd : c[2], ui : c[3]});
 790			});
 791
 792			// Select whole table is a table border is clicked
 793			if (!tinymce.isIE) {
 794				ed.onClick.add(function(ed, e) {
 795					e = e.target;
 796
 797					if (e.nodeName === 'TABLE') {
 798						ed.selection.select(e);
 799						ed.nodeChanged();
 800					}
 801				});
 802			}
 803
 804			ed.onPreProcess.add(function(ed, args) {
 805				var nodes, i, node, dom = ed.dom, value;
 806
 807				nodes = dom.select('table', args.node);
 808				i = nodes.length;
 809				while (i--) {
 810					node = nodes[i];
 811					dom.setAttrib(node, 'data-mce-style', '');
 812
 813					if ((value = dom.getAttrib(node, 'width'))) {
 814						dom.setStyle(node, 'width', value);
 815						dom.setAttrib(node, 'width', '');
 816					}
 817
 818					if ((value = dom.getAttrib(node, 'height'))) {
 819						dom.setStyle(node, 'height', value);
 820						dom.setAttrib(node, 'height', '');
 821					}
 822				}
 823			});
 824
 825			// Handle node change updates
 826			ed.onNodeChange.add(function(ed, cm, n) {
 827				var p;
 828
 829				n = ed.selection.getStart();
 830				p = ed.dom.getParent(n, 'td,th,caption');
 831				cm.setActive('table', n.nodeName === 'TABLE' || !!p);
 832
 833				// Disable table tools if we are in caption
 834				if (p && p.nodeName === 'CAPTION')
 835					p = 0;
 836
 837				cm.setDisabled('delete_table', !p);
 838				cm.setDisabled('delete_col', !p);
 839				cm.setDisabled('delete_table', !p);
 840				cm.setDisabled('delete_row', !p);
 841				cm.setDisabled('col_after', !p);
 842				cm.setDisabled('col_before', !p);
 843				cm.setDisabled('row_after', !p);
 844				cm.setDisabled('row_before', !p);
 845				cm.setDisabled('row_props', !p);
 846				cm.setDisabled('cell_props', !p);
 847				cm.setDisabled('split_cells', !p);
 848				cm.setDisabled('merge_cells', !p);
 849			});
 850
 851			ed.onInit.add(function(ed) {
 852				var startTable, startCell, dom = ed.dom, tableGrid;
 853
 854				winMan = ed.windowManager;
 855
 856				// Add cell selection logic
 857				ed.onMouseDown.add(function(ed, e) {
 858					if (e.button != 2) {
 859						cleanup();
 860
 861						startCell = dom.getParent(e.target, 'td,th');
 862						startTable = dom.getParent(startCell, 'table');
 863					}
 864				});
 865
 866				dom.bind(ed.getDoc(), 'mouseover', function(e) {
 867					var sel, table, target = e.target;
 868
 869					if (startCell && (tableGrid || target != startCell) && (target.nodeName == 'TD' || target.nodeName == 'TH')) {
 870						table = dom.getParent(target, 'table');
 871						if (table == startTable) {
 872							if (!tableGrid) {
 873								tableGrid = createTableGrid(table);
 874								tableGrid.setStartCell(startCell);
 875
 876								ed.getBody().style.webkitUserSelect = 'none';
 877							}
 878
 879							tableGrid.setEndCell(target);
 880							hasCellSelection = true;
 881						}
 882
 883						// Remove current selection
 884						sel = ed.selection.getSel();
 885
 886						try {
 887							if (sel.removeAllRanges)
 888								sel.removeAllRanges();
 889							else
 890								sel.empty();
 891						} catch (ex) {
 892							// IE9 might throw errors here
 893						}
 894
 895						e.preventDefault();
 896					}
 897				});
 898
 899				ed.onMouseUp.add(function(ed, e) {
 900					var rng, sel = ed.selection, selectedCells, nativeSel = sel.getSel(), walker, node, lastNode, endNode;
 901
 902					// Move selection to startCell
 903					if (startCell) {
 904						if (tableGrid)
 905							ed.getBody().style.webkitUserSelect = '';
 906
 907						function setPoint(node, start) {
 908							var walker = new tinymce.dom.TreeWalker(node, node);
 909
 910							do {
 911								// Text node
 912								if (node.nodeType == 3 && tinymce.trim(node.nodeValue).length != 0) {
 913									if (start)
 914										rng.setStart(node, 0);
 915									else
 916										rng.setEnd(node, node.nodeValue.length);
 917
 918									return;
 919								}
 920
 921								// BR element
 922								if (node.nodeName == 'BR') {
 923									if (start)
 924										rng.setStartBefore(node);
 925									else
 926										rng.setEndBefore(node);
 927
 928									return;
 929								}
 930							} while (node = (start ? walker.next() : walker.prev()));
 931						};
 932
 933						// Try to expand text selection as much as we can only Gecko supports cell selection
 934						selectedCells = dom.select('td.mceSelected,th.mceSelected');
 935						if (selectedCells.length > 0) {
 936							rng = dom.createRng();
 937							node = selectedCells[0];
 938							endNode = selectedCells[selectedCells.length - 1];
 939							rng.setStart(node);
 940							rng.setEnd(node);
 941
 942							setPoint(node, 1);
 943							walker = new tinymce.dom.TreeWalker(node, dom.getParent(selectedCells[0], 'table'));
 944
 945							do {
 946								if (node.nodeName == 'TD' || node.nodeName == 'TH') {
 947									if (!dom.hasClass(node, 'mceSelected'))
 948										break;
 949
 950									lastNode = node;
 951								}
 952							} while (node = walker.next());
 953
 954							setPoint(lastNode);
 955
 956							sel.setRng(rng);
 957						}
 958
 959						ed.nodeChanged();
 960						startCell = tableGrid = startTable = null;
 961					}
 962				});
 963
 964				ed.onKeyUp.add(function(ed, e) {
 965					cleanup();
 966				});
 967
 968				// Add context menu
 969				if (ed && ed.plugins.contextmenu) {
 970					ed.plugins.contextmenu.onContextMenu.add(function(th, m, e) {
 971						var sm, se = ed.selection, el = se.getNode() || ed.getBody();
 972
 973						if (ed.dom.getParent(e, 'td') || ed.dom.getParent(e, 'th') || ed.dom.select('td.mceSelected,th.mceSelected').length) {
 974							m.removeAll();
 975
 976							if (el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) {
 977								m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true});
 978								m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'});
 979								m.addSeparator();
 980							}
 981
 982							if (el.nodeName == 'IMG' && el.className.indexOf('mceItem') == -1) {
 983								m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true});
 984								m.addSeparator();
 985							}
 986
 987							m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable', value : {action : 'insert'}});
 988							m.add({title : 'table.props_desc', icon : 'table_props', cmd : 'mceInsertTable'});
 989							m.add({title : 'table.del', icon : 'delete_table', cmd : 'mceTableDelete'});
 990							m.addSeparator();
 991
 992							// Cell menu
 993							sm = m.addMenu({title : 'table.cell'});
 994							sm.add({title : 'table.cell_desc', icon : 'cell_props', cmd : 'mceTableCellProps'});
 995							sm.add({title : 'table.split_cells_desc', icon : 'split_cells', cmd : 'mceTableSplitCells'});
 996							sm.add({title : 'table.merge_cells_desc', icon : 'merge_cells', cmd : 'mceTableMergeCells'});
 997
 998							// Row menu
 999							sm = m.addMenu({title : 'table.row'});
1000							sm.add({title : 'table.row_desc', icon : 'row_props', cmd : 'mceTableRowProps'});
1001							sm.add({title : 'table.row_before_desc', icon : 'row_before', cmd : 'mceTableInsertRowBefore'});
1002							sm.add({title : 'table.row_after_desc', icon : 'row_after', cmd : 'mceTableInsertRowAfter'});
1003							sm.add({title : 'table.delete_row_desc', icon : 'delete_row', cmd : 'mceTableDeleteRow'});
1004							sm.addSeparator();
1005							sm.add({title : 'table.cut_row_desc', icon : 'cut', cmd : 'mceTableCutRow'});
1006							sm.add({title : 'table.copy_row_desc', icon : 'copy', cmd : 'mceTableCopyRow'});
1007							sm.add({title : 'table.paste_row_before_desc', icon : 'paste', cmd : 'mceTablePasteRowBefore'}).setDisabled(!clipboardRows);
1008							sm.add({title : 'table.paste_row_after_desc', icon : 'paste', cmd : 'mceTablePasteRowAfter'}).setDisabled(!clipboardRows);
1009
1010							// Column menu
1011							sm = m.addMenu({title : 'table.col'});
1012							sm.add({title : 'table.col_before_desc', icon : 'col_before', cmd : 'mceTableInsertColBefore'});
1013							sm.add({title : 'table.col_after_desc', icon : 'col_after', cmd : 'mceTableInsertColAfter'});
1014							sm.add({title : 'table.delete_col_desc', icon : 'delete_col', cmd : 'mceTableDeleteCol'});
1015						} else
1016							m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable'});
1017					});
1018				}
1019
1020				// Fixes an issue on Gecko where it's impossible to place the caret behind a table
1021				// This fix will force a paragraph element after the table but only when the forced_root_block setting is enabled
1022				if (!tinymce.isIE) {
1023					function fixTableCaretPos() {
1024						var last;
1025
1026						// Skip empty text nodes form the end
1027						for (last = ed.getBody().lastChild; last && last.nodeType == 3 && !last.nodeValue.length; last = last.previousSibling) ;
1028
1029						if (last && last.nodeName == 'TABLE')
1030							ed.dom.add(ed.getBody(), 'p', null, '<br mce_bogus="1" />');
1031					};
1032
1033					// Fixes an bug where it's impossible to place the caret before a table in Gecko
1034					// this fix solves it by detecting when the caret is at the beginning of such a table
1035					// and then manually moves the caret infront of the table
1036					if (tinymce.isGecko) {
1037						ed.onKeyDown.add(function(ed, e) {
1038							var rng, table, dom = ed.dom;
1039
1040							// On gecko it's not possible to place the caret before a table
1041							if (e.keyCode == 37 || e.keyCode == 38) {
1042								rng = ed.selection.getRng();
1043								table = dom.getParent(rng.startContainer, 'table');
1044
1045								if (table && ed.getBody().firstChild == table) {
1046									if (isAtStart(rng, table)) {
1047										rng = dom.createRng();
1048
1049										rng.setStartBefore(table);
1050										rng.setEndBefore(table);
1051
1052										ed.selection.setRng(rng);
1053
1054										e.preventDefault();
1055									}
1056								}
1057							}
1058						});
1059					}
1060
1061					ed.onKeyUp.add(fixTableCaretPos);
1062					ed.onSetContent.add(fixTableCaretPos);
1063					ed.onVisualAid.add(fixTableCaretPos);
1064
1065					ed.onPreProcess.add(function(ed, o) {
1066						var last = o.node.lastChild;
1067
1068						if (last && last.childNodes.length == 1 && last.firstChild.nodeName == 'BR')
1069							ed.dom.remove(last);
1070					});
1071
1072					fixTableCaretPos();
1073				}
1074			});
1075
1076			// Register action commands
1077			each({
1078				mceTableSplitCells : function(grid) {
1079					grid.split();
1080				},
1081
1082				mceTableMergeCells : function(grid) {
1083					var rowSpan, colSpan, cell;
1084
1085					cell = ed.dom.getParent(ed.selection.getNode(), 'th,td');
1086					if (cell) {
1087						rowSpan = cell.rowSpan;
1088						colSpan = cell.colSpan;
1089					}
1090
1091					if (!ed.dom.select('td.mceSelected,th.mceSelected').length) {
1092						winMan.open({
1093							url : url + '/merge_cells.htm',
1094							width : 240 + parseInt(ed.getLang('table.merge_cells_delta_width', 0)),
1095							height : 110 + parseInt(ed.getLang('table.merge_cells_delta_height', 0)),
1096							inline : 1
1097						}, {
1098							rows : rowSpan,
1099							cols : colSpan,
1100							onaction : function(data) {
1101								grid.merge(cell, data.cols, data.rows);
1102							},
1103							plugin_url : url
1104						});
1105					} else
1106						grid.merge();
1107				},
1108
1109				mceTableInsertRowBefore : function(grid) {
1110					grid.insertRow(true);
1111				},
1112
1113				mceTableInsertRowAfter : function(grid) {
1114					grid.insertRow();
1115				},
1116
1117				mceTableInsertColBefore : function(grid) {
1118					grid.insertCol(true);
1119				},
1120
1121				mceTableInsertColAfter : function(grid) {
1122					grid.insertCol();
1123				},
1124
1125				mceTableDeleteCol : function(grid) {
1126					grid.deleteCols();
1127				},
1128
1129				mceTableDeleteRow : function(grid) {
1130					grid.deleteRows();
1131				},
1132
1133				mceTableCutRow : function(grid) {
1134					clipboardRows = grid.cutRows();
1135				},
1136
1137				mceTableCopyRow : function(grid) {
1138					clipboardRows = grid.copyRows();
1139				},
1140
1141				mceTablePasteRowBefore : function(grid) {
1142					grid.pasteRows(clipboardRows, true);
1143				},
1144
1145				mceTablePasteRowAfter : function(grid) {
1146					grid.pasteRows(clipboardRows);
1147				},
1148
1149				mceTableDelete : function(grid) {
1150					grid.deleteTable();
1151				}
1152			}, function(func, name) {
1153				ed.addCommand(name, function() {
1154					var grid = createTableGrid();
1155
1156					if (grid) {
1157						func(grid);
1158						ed.execCommand('mceRepaint');
1159						cleanup();
1160					}
1161				});
1162			});
1163
1164			// Register dialog commands
1165			each({
1166				mceInsertTable : function(val) {
1167					winMan.open({
1168						url : url + '/table.htm',
1169						width : 400 + parseInt(ed.getLang('table.table_delta_width', 0)),
1170						height : 320 + parseInt(ed.getLang('table.table_delta_height', 0)),
1171						inline : 1
1172					}, {
1173						plugin_url : url,
1174						action : val ? val.action : 0
1175					});
1176				},
1177
1178				mceTableRowProps : function() {
1179					winMan.open({
1180						url : url + '/row.htm',
1181						width : 400 + parseInt(ed.getLang('table.rowprops_delta_width', 0)),
1182						height : 295 + parseInt(ed.getLang('table.rowprops_delta_height', 0)),
1183						inline : 1
1184					}, {
1185						plugin_url : url
1186					});
1187				},
1188
1189				mceTableCellProps : function() {
1190					winMan.open({
1191						url : url + '/cell.htm',
1192						width : 400 + parseInt(ed.getLang('table.cellprops_delta_width', 0)),
1193						height : 295 + parseInt(ed.getLang('table.cellprops_delta_height', 0)),
1194						inline : 1
1195					}, {
1196						plugin_url : url
1197					});
1198				}
1199			}, function(func, name) {
1200				ed.addCommand(name, function(ui, val) {
1201					func(val);
1202				});
1203			});
1204		}
1205	});
1206
1207	// Register plugin
1208	tinymce.PluginManager.add('table', tinymce.plugins.TablePlugin);
1209})(tinymce);