--- /dev/null
+/**\r
+ * editor_plugin_src.js\r
+ *\r
+ * Copyright 2009, Moxiecode Systems AB\r
+ * Released under LGPL License.\r
+ *\r
+ * License: http://tinymce.moxiecode.com/license\r
+ * Contributing: http://tinymce.moxiecode.com/contributing\r
+ */\r
+\r
+(function(tinymce) {\r
+ var each = tinymce.each;\r
+\r
+ /**\r
+ * Table Grid class.\r
+ */\r
+ function TableGrid(table, dom, selection) {\r
+ var grid, startPos, endPos, selectedCell;\r
+\r
+ buildGrid();\r
+ selectedCell = dom.getParent(selection.getStart(), 'th,td');\r
+ if (selectedCell) {\r
+ startPos = getPos(selectedCell);\r
+ endPos = findEndPos();\r
+ selectedCell = getCell(startPos.x, startPos.y);\r
+ }\r
+\r
+ function cloneNode(node, children) {\r
+ node = node.cloneNode(children);\r
+ node.removeAttribute('id');\r
+\r
+ return node;\r
+ }\r
+\r
+ function buildGrid() {\r
+ var startY = 0;\r
+\r
+ grid = [];\r
+\r
+ each(['thead', 'tbody', 'tfoot'], function(part) {\r
+ var rows = dom.select(part + ' tr', table);\r
+\r
+ each(rows, function(tr, y) {\r
+ y += startY;\r
+\r
+ each(dom.select('td,th', tr), function(td, x) {\r
+ var x2, y2, rowspan, colspan;\r
+\r
+ // Skip over existing cells produced by rowspan\r
+ if (grid[y]) {\r
+ while (grid[y][x])\r
+ x++;\r
+ }\r
+\r
+ // Get col/rowspan from cell\r
+ rowspan = getSpanVal(td, 'rowspan');\r
+ colspan = getSpanVal(td, 'colspan');\r
+\r
+ // Fill out rowspan/colspan right and down\r
+ for (y2 = y; y2 < y + rowspan; y2++) {\r
+ if (!grid[y2])\r
+ grid[y2] = [];\r
+\r
+ for (x2 = x; x2 < x + colspan; x2++) {\r
+ grid[y2][x2] = {\r
+ part : part,\r
+ real : y2 == y && x2 == x,\r
+ elm : td,\r
+ rowspan : rowspan,\r
+ colspan : colspan\r
+ };\r
+ }\r
+ }\r
+ });\r
+ });\r
+\r
+ startY += rows.length;\r
+ });\r
+ };\r
+\r
+ function getCell(x, y) {\r
+ var row;\r
+\r
+ row = grid[y];\r
+ if (row)\r
+ return row[x];\r
+ };\r
+\r
+ function getSpanVal(td, name) {\r
+ return parseInt(td.getAttribute(name) || 1);\r
+ };\r
+\r
+ function isCellSelected(cell) {\r
+ return dom.hasClass(cell.elm, 'mceSelected') || cell == selectedCell;\r
+ };\r
+\r
+ function getSelectedRows() {\r
+ var rows = [];\r
+\r
+ each(table.rows, function(row) {\r
+ each(row.cells, function(cell) {\r
+ if (dom.hasClass(cell, 'mceSelected') || cell == selectedCell.elm) {\r
+ rows.push(row);\r
+ return false;\r
+ }\r
+ });\r
+ });\r
+\r
+ return rows;\r
+ };\r
+\r
+ function deleteTable() {\r
+ var rng = dom.createRng();\r
+\r
+ rng.setStartAfter(table);\r
+ rng.setEndAfter(table);\r
+\r
+ selection.setRng(rng);\r
+\r
+ dom.remove(table);\r
+ };\r
+\r
+ function cloneCell(cell) {\r
+ var formatNode;\r
+\r
+ // Clone formats\r
+ tinymce.walk(cell, function(node) {\r
+ var curNode;\r
+\r
+ if (node.nodeType == 3) {\r
+ each(dom.getParents(node.parentNode, null, cell).reverse(), function(node) {\r
+ node = cloneNode(node, false);\r
+\r
+ if (!formatNode)\r
+ formatNode = curNode = node;\r
+ else if (curNode)\r
+ curNode.appendChild(node);\r
+\r
+ curNode = node;\r
+ });\r
+\r
+ // Add something to the inner node\r
+ if (curNode)\r
+ curNode.innerHTML = tinymce.isIE ? ' ' : '<br _mce_bogus="1" />';\r
+\r
+ return false;\r
+ }\r
+ }, 'childNodes');\r
+\r
+ cell = cloneNode(cell, false);\r
+ cell.rowSpan = cell.colSpan = 1;\r
+\r
+ if (formatNode) {\r
+ cell.appendChild(formatNode);\r
+ } else {\r
+ if (!tinymce.isIE)\r
+ cell.innerHTML = '<br _mce_bogus="1" />';\r
+ }\r
+\r
+ return cell;\r
+ };\r
+\r
+ function cleanup() {\r
+ var rng = dom.createRng();\r
+\r
+ // Empty rows\r
+ each(dom.select('tr', table), function(tr) {\r
+ if (tr.cells.length == 0)\r
+ dom.remove(tr);\r
+ });\r
+\r
+ // Empty table\r
+ if (dom.select('tr', table).length == 0) {\r
+ rng.setStartAfter(table);\r
+ rng.setEndAfter(table);\r
+ selection.setRng(rng);\r
+ dom.remove(table);\r
+ return;\r
+ }\r
+\r
+ // Empty header/body/footer\r
+ each(dom.select('thead,tbody,tfoot', table), function(part) {\r
+ if (part.rows.length == 0)\r
+ dom.remove(part);\r
+ });\r
+\r
+ // Restore selection to start position if it still exists\r
+ buildGrid();\r
+\r
+ // Restore the selection to the closest table position\r
+ row = grid[Math.min(grid.length - 1, startPos.y)];\r
+ if (row) {\r
+ selection.select(row[Math.min(row.length - 1, startPos.x)].elm, true);\r
+ selection.collapse(true);\r
+ }\r
+ };\r
+\r
+ function fillLeftDown(x, y, rows, cols) {\r
+ var tr, x2, r, c, cell;\r
+\r
+ tr = grid[y][x].elm.parentNode;\r
+ for (r = 1; r <= rows; r++) {\r
+ tr = dom.getNext(tr, 'tr');\r
+\r
+ if (tr) {\r
+ // Loop left to find real cell\r
+ for (x2 = x; x2 >= 0; x2--) {\r
+ cell = grid[y + r][x2].elm;\r
+\r
+ if (cell.parentNode == tr) {\r
+ // Append clones after\r
+ for (c = 1; c <= cols; c++)\r
+ dom.insertAfter(cloneCell(cell), cell);\r
+\r
+ break;\r
+ }\r
+ }\r
+\r
+ if (x2 == -1) {\r
+ // Insert nodes before first cell\r
+ for (c = 1; c <= cols; c++)\r
+ tr.insertBefore(cloneCell(tr.cells[0]), tr.cells[0]);\r
+ }\r
+ }\r
+ }\r
+ };\r
+\r
+ function split() {\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ var colSpan, rowSpan, newCell, i;\r
+\r
+ if (isCellSelected(cell)) {\r
+ cell = cell.elm;\r
+ colSpan = getSpanVal(cell, 'colspan');\r
+ rowSpan = getSpanVal(cell, 'rowspan');\r
+\r
+ if (colSpan > 1 || rowSpan > 1) {\r
+ cell.colSpan = cell.rowSpan = 1;\r
+\r
+ // Insert cells right\r
+ for (i = 0; i < colSpan - 1; i++)\r
+ dom.insertAfter(cloneCell(cell), cell);\r
+\r
+ fillLeftDown(x, y, rowSpan - 1, colSpan);\r
+ }\r
+ }\r
+ });\r
+ });\r
+ };\r
+\r
+ function merge(cell, cols, rows) {\r
+ var startX, startY, endX, endY, x, y, startCell, endCell, cell, children;\r
+\r
+ // Use specified cell and cols/rows\r
+ if (cell) {\r
+ pos = getPos(cell);\r
+ startX = pos.x;\r
+ startY = pos.y;\r
+ endX = startX + (cols - 1);\r
+ endY = startY + (rows - 1);\r
+ } else {\r
+ // Use selection\r
+ startX = startPos.x;\r
+ startY = startPos.y;\r
+ endX = endPos.x;\r
+ endY = endPos.y;\r
+ }\r
+\r
+ // Find start/end cells\r
+ startCell = getCell(startX, startY);\r
+ endCell = getCell(endX, endY);\r
+\r
+ // Check if the cells exists and if they are of the same part for example tbody = tbody\r
+ if (startCell && endCell && startCell.part == endCell.part) {\r
+ // Split and rebuild grid\r
+ split();\r
+ buildGrid();\r
+\r
+ // Set row/col span to start cell\r
+ startCell = getCell(startX, startY).elm;\r
+ startCell.colSpan = (endX - startX) + 1;\r
+ startCell.rowSpan = (endY - startY) + 1;\r
+\r
+ // Remove other cells and add it's contents to the start cell\r
+ for (y = startY; y <= endY; y++) {\r
+ for (x = startX; x <= endX; x++) {\r
+ cell = grid[y][x].elm;\r
+\r
+ if (cell != startCell) {\r
+ // Move children to startCell\r
+ children = tinymce.grep(cell.childNodes);\r
+ each(children, function(node, i) {\r
+ // Jump over last BR element\r
+ if (node.nodeName != 'BR' || i != children.length - 1)\r
+ startCell.appendChild(node);\r
+ });\r
+\r
+ // Remove cell\r
+ dom.remove(cell);\r
+ }\r
+ }\r
+ }\r
+\r
+ // Remove empty rows etc and restore caret location\r
+ cleanup();\r
+ }\r
+ };\r
+\r
+ function insertRow(before) {\r
+ var posY, cell, lastCell, x, rowElm, newRow, newCell, otherCell;\r
+\r
+ // Find first/last row\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ if (isCellSelected(cell)) {\r
+ cell = cell.elm;\r
+ rowElm = cell.parentNode;\r
+ newRow = cloneNode(rowElm, false);\r
+ posY = y;\r
+\r
+ if (before)\r
+ return false;\r
+ }\r
+ });\r
+\r
+ if (before)\r
+ return !posY;\r
+ });\r
+\r
+ for (x = 0; x < grid[0].length; x++) {\r
+ cell = grid[posY][x].elm;\r
+\r
+ if (cell != lastCell) {\r
+ if (!before) {\r
+ rowSpan = getSpanVal(cell, 'rowspan');\r
+ if (rowSpan > 1) {\r
+ cell.rowSpan = rowSpan + 1;\r
+ continue;\r
+ }\r
+ } else {\r
+ // Check if cell above can be expanded\r
+ if (posY > 0 && grid[posY - 1][x]) {\r
+ otherCell = grid[posY - 1][x].elm;\r
+ rowSpan = getSpanVal(otherCell, 'rowspan');\r
+ if (rowSpan > 1) {\r
+ otherCell.rowSpan = rowSpan + 1;\r
+ continue;\r
+ }\r
+ }\r
+ }\r
+\r
+ // Insert new cell into new row\r
+ newCell = cloneCell(cell)\r
+ newCell.colSpan = cell.colSpan;\r
+ newRow.appendChild(newCell);\r
+\r
+ lastCell = cell;\r
+ }\r
+ }\r
+\r
+ if (newRow.hasChildNodes()) {\r
+ if (!before)\r
+ dom.insertAfter(newRow, rowElm);\r
+ else\r
+ rowElm.parentNode.insertBefore(newRow, rowElm);\r
+ }\r
+ };\r
+\r
+ function insertCol(before) {\r
+ var posX, lastCell;\r
+\r
+ // Find first/last column\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ if (isCellSelected(cell)) {\r
+ posX = x;\r
+\r
+ if (before)\r
+ return false;\r
+ }\r
+ });\r
+\r
+ if (before)\r
+ return !posX;\r
+ });\r
+\r
+ each(grid, function(row, y) {\r
+ var cell = row[posX].elm, rowSpan, colSpan;\r
+\r
+ if (cell != lastCell) {\r
+ colSpan = getSpanVal(cell, 'colspan');\r
+ rowSpan = getSpanVal(cell, 'rowspan');\r
+\r
+ if (colSpan == 1) {\r
+ if (!before) {\r
+ dom.insertAfter(cloneCell(cell), cell);\r
+ fillLeftDown(posX, y, rowSpan - 1, colSpan);\r
+ } else {\r
+ cell.parentNode.insertBefore(cloneCell(cell), cell);\r
+ fillLeftDown(posX, y, rowSpan - 1, colSpan);\r
+ }\r
+ } else\r
+ cell.colSpan++;\r
+\r
+ lastCell = cell;\r
+ }\r
+ });\r
+ };\r
+\r
+ function deleteCols() {\r
+ var cols = [];\r
+\r
+ // Get selected column indexes\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ if (isCellSelected(cell) && tinymce.inArray(cols, x) === -1) {\r
+ each(grid, function(row) {\r
+ var cell = row[x].elm, colSpan;\r
+\r
+ colSpan = getSpanVal(cell, 'colspan');\r
+\r
+ if (colSpan > 1)\r
+ cell.colSpan = colSpan - 1;\r
+ else\r
+ dom.remove(cell);\r
+ });\r
+\r
+ cols.push(x);\r
+ }\r
+ });\r
+ });\r
+\r
+ cleanup();\r
+ };\r
+\r
+ function deleteRows() {\r
+ var rows;\r
+\r
+ function deleteRow(tr) {\r
+ var nextTr, pos, lastCell;\r
+\r
+ nextTr = dom.getNext(tr, 'tr');\r
+\r
+ // Move down row spanned cells\r
+ each(tr.cells, function(cell) {\r
+ var rowSpan = getSpanVal(cell, 'rowspan');\r
+\r
+ if (rowSpan > 1) {\r
+ cell.rowSpan = rowSpan - 1;\r
+ pos = getPos(cell);\r
+ fillLeftDown(pos.x, pos.y, 1, 1);\r
+ }\r
+ });\r
+\r
+ // Delete cells\r
+ pos = getPos(tr.cells[0]);\r
+ each(grid[pos.y], function(cell) {\r
+ var rowSpan;\r
+\r
+ cell = cell.elm;\r
+\r
+ if (cell != lastCell) {\r
+ rowSpan = getSpanVal(cell, 'rowspan');\r
+\r
+ if (rowSpan <= 1)\r
+ dom.remove(cell);\r
+ else\r
+ cell.rowSpan = rowSpan - 1;\r
+\r
+ lastCell = cell;\r
+ }\r
+ });\r
+ };\r
+\r
+ // Get selected rows and move selection out of scope\r
+ rows = getSelectedRows();\r
+\r
+ // Delete all selected rows\r
+ each(rows.reverse(), function(tr) {\r
+ deleteRow(tr);\r
+ });\r
+\r
+ cleanup();\r
+ };\r
+\r
+ function cutRows() {\r
+ var rows = getSelectedRows();\r
+\r
+ dom.remove(rows);\r
+ cleanup();\r
+\r
+ return rows;\r
+ };\r
+\r
+ function copyRows() {\r
+ var rows = getSelectedRows();\r
+\r
+ each(rows, function(row, i) {\r
+ rows[i] = cloneNode(row, true);\r
+ });\r
+\r
+ return rows;\r
+ };\r
+\r
+ function pasteRows(rows, before) {\r
+ var selectedRows = getSelectedRows(),\r
+ targetRow = selectedRows[before ? 0 : selectedRows.length - 1],\r
+ targetCellCount = targetRow.cells.length;\r
+\r
+ // Calc target cell count\r
+ each(grid, function(row) {\r
+ var match;\r
+\r
+ targetCellCount = 0;\r
+ each(row, function(cell, x) {\r
+ if (cell.real)\r
+ targetCellCount += cell.colspan;\r
+\r
+ if (cell.elm.parentNode == targetRow)\r
+ match = 1;\r
+ });\r
+\r
+ if (match)\r
+ return false;\r
+ });\r
+\r
+ if (!before)\r
+ rows.reverse();\r
+\r
+ each(rows, function(row) {\r
+ var cellCount = row.cells.length, cell;\r
+\r
+ // Remove col/rowspans\r
+ for (i = 0; i < cellCount; i++) {\r
+ cell = row.cells[i];\r
+ cell.colSpan = cell.rowSpan = 1;\r
+ }\r
+\r
+ // Needs more cells\r
+ for (i = cellCount; i < targetCellCount; i++)\r
+ row.appendChild(cloneCell(row.cells[cellCount - 1]));\r
+\r
+ // Needs less cells\r
+ for (i = targetCellCount; i < cellCount; i++)\r
+ dom.remove(row.cells[i]);\r
+\r
+ // Add before/after\r
+ if (before)\r
+ targetRow.parentNode.insertBefore(row, targetRow);\r
+ else\r
+ dom.insertAfter(row, targetRow);\r
+ });\r
+ };\r
+\r
+ function getPos(target) {\r
+ var pos;\r
+\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ if (cell.elm == target) {\r
+ pos = {x : x, y : y};\r
+ return false;\r
+ }\r
+ });\r
+\r
+ return !pos;\r
+ });\r
+\r
+ return pos;\r
+ };\r
+\r
+ function setStartCell(cell) {\r
+ startPos = getPos(cell);\r
+ };\r
+\r
+ function findEndPos() {\r
+ var pos, maxX, maxY;\r
+\r
+ maxX = maxY = 0;\r
+\r
+ each(grid, function(row, y) {\r
+ each(row, function(cell, x) {\r
+ var colSpan, rowSpan;\r
+\r
+ if (isCellSelected(cell)) {\r
+ cell = grid[y][x];\r
+\r
+ if (x > maxX)\r
+ maxX = x;\r
+\r
+ if (y > maxY)\r
+ maxY = y;\r
+\r
+ if (cell.real) {\r
+ colSpan = cell.colspan - 1;\r
+ rowSpan = cell.rowspan - 1;\r
+\r
+ if (colSpan) {\r
+ if (x + colSpan > maxX)\r
+ maxX = x + colSpan;\r
+ }\r
+\r
+ if (rowSpan) {\r
+ if (y + rowSpan > maxY)\r
+ maxY = y + rowSpan;\r
+ }\r
+ }\r
+ }\r
+ });\r
+ });\r
+\r
+ return {x : maxX, y : maxY};\r
+ };\r
+\r
+ function setEndCell(cell) {\r
+ var startX, startY, endX, endY, maxX, maxY, colSpan, rowSpan;\r
+\r
+ endPos = getPos(cell);\r
+\r
+ if (startPos && endPos) {\r
+ // Get start/end positions\r
+ startX = Math.min(startPos.x, endPos.x);\r
+ startY = Math.min(startPos.y, endPos.y);\r
+ endX = Math.max(startPos.x, endPos.x);\r
+ endY = Math.max(startPos.y, endPos.y);\r
+\r
+ // Expand end positon to include spans\r
+ maxX = endX;\r
+ maxY = endY;\r
+\r
+ // Expand startX\r
+ for (y = startY; y <= maxY; y++) {\r
+ cell = grid[y][startX];\r
+\r
+ if (!cell.real) {\r
+ if (startX - (cell.colspan - 1) < startX)\r
+ startX -= cell.colspan - 1;\r
+ }\r
+ }\r
+\r
+ // Expand startY\r
+ for (x = startX; x <= maxX; x++) {\r
+ cell = grid[startY][x];\r
+\r
+ if (!cell.real) {\r
+ if (startY - (cell.rowspan - 1) < startY)\r
+ startY -= cell.rowspan - 1;\r
+ }\r
+ }\r
+\r
+ // Find max X, Y\r
+ for (y = startY; y <= endY; y++) {\r
+ for (x = startX; x <= endX; x++) {\r
+ cell = grid[y][x];\r
+\r
+ if (cell.real) {\r
+ colSpan = cell.colspan - 1;\r
+ rowSpan = cell.rowspan - 1;\r
+\r
+ if (colSpan) {\r
+ if (x + colSpan > maxX)\r
+ maxX = x + colSpan;\r
+ }\r
+\r
+ if (rowSpan) {\r
+ if (y + rowSpan > maxY)\r
+ maxY = y + rowSpan;\r
+ }\r
+ }\r
+ }\r
+ }\r
+\r
+ // Remove current selection\r
+ dom.removeClass(dom.select('td.mceSelected,th.mceSelected'), 'mceSelected');\r
+\r
+ // Add new selection\r
+ for (y = startY; y <= maxY; y++) {\r
+ for (x = startX; x <= maxX; x++)\r
+ dom.addClass(grid[y][x].elm, 'mceSelected');\r
+ }\r
+ }\r
+ };\r
+\r
+ // Expose to public\r
+ tinymce.extend(this, {\r
+ deleteTable : deleteTable,\r
+ split : split,\r
+ merge : merge,\r
+ insertRow : insertRow,\r
+ insertCol : insertCol,\r
+ deleteCols : deleteCols,\r
+ deleteRows : deleteRows,\r
+ cutRows : cutRows,\r
+ copyRows : copyRows,\r
+ pasteRows : pasteRows,\r
+ getPos : getPos,\r
+ setStartCell : setStartCell,\r
+ setEndCell : setEndCell\r
+ });\r
+ };\r
+\r
+ tinymce.create('tinymce.plugins.TablePlugin', {\r
+ init : function(ed, url) {\r
+ var winMan, clipboardRows;\r
+\r
+ function createTableGrid(node) {\r
+ var selection = ed.selection, tblElm = ed.dom.getParent(node || selection.getNode(), 'table');\r
+\r
+ if (tblElm)\r
+ return new TableGrid(tblElm, ed.dom, selection);\r
+ };\r
+\r
+ function cleanup() {\r
+ // Restore selection possibilities\r
+ ed.getBody().style.webkitUserSelect = '';\r
+ ed.dom.removeClass(ed.dom.select('td.mceSelected,th.mceSelected'), 'mceSelected');\r
+ };\r
+\r
+ // Register buttons\r
+ each([\r
+ ['table', 'table.desc', 'mceInsertTable', true],\r
+ ['delete_table', 'table.del', 'mceTableDelete'],\r
+ ['delete_col', 'table.delete_col_desc', 'mceTableDeleteCol'],\r
+ ['delete_row', 'table.delete_row_desc', 'mceTableDeleteRow'],\r
+ ['col_after', 'table.col_after_desc', 'mceTableInsertColAfter'],\r
+ ['col_before', 'table.col_before_desc', 'mceTableInsertColBefore'],\r
+ ['row_after', 'table.row_after_desc', 'mceTableInsertRowAfter'],\r
+ ['row_before', 'table.row_before_desc', 'mceTableInsertRowBefore'],\r
+ ['row_props', 'table.row_desc', 'mceTableRowProps', true],\r
+ ['cell_props', 'table.cell_desc', 'mceTableCellProps', true],\r
+ ['split_cells', 'table.split_cells_desc', 'mceTableSplitCells', true],\r
+ ['merge_cells', 'table.merge_cells_desc', 'mceTableMergeCells', true]\r
+ ], function(c) {\r
+ ed.addButton(c[0], {title : c[1], cmd : c[2], ui : c[3]});\r
+ });\r
+\r
+ // Select whole table is a table border is clicked\r
+ if (!tinymce.isIE) {\r
+ ed.onClick.add(function(ed, e) {\r
+ e = e.target;\r
+\r
+ if (e.nodeName === 'TABLE')\r
+ ed.selection.select(e);\r
+ });\r
+ }\r
+\r
+ // Handle node change updates\r
+ ed.onNodeChange.add(function(ed, cm, n) {\r
+ var p;\r
+\r
+ n = ed.selection.getStart();\r
+ p = ed.dom.getParent(n, 'td,th,caption');\r
+ cm.setActive('table', n.nodeName === 'TABLE' || !!p);\r
+\r
+ // Disable table tools if we are in caption\r
+ if (p && p.nodeName === 'CAPTION')\r
+ p = 0;\r
+\r
+ cm.setDisabled('delete_table', !p);\r
+ cm.setDisabled('delete_col', !p);\r
+ cm.setDisabled('delete_table', !p);\r
+ cm.setDisabled('delete_row', !p);\r
+ cm.setDisabled('col_after', !p);\r
+ cm.setDisabled('col_before', !p);\r
+ cm.setDisabled('row_after', !p);\r
+ cm.setDisabled('row_before', !p);\r
+ cm.setDisabled('row_props', !p);\r
+ cm.setDisabled('cell_props', !p);\r
+ cm.setDisabled('split_cells', !p);\r
+ cm.setDisabled('merge_cells', !p);\r
+ });\r
+\r
+ ed.onInit.add(function(ed) {\r
+ var startTable, startCell, dom = ed.dom, tableGrid;\r
+\r
+ winMan = ed.windowManager;\r
+\r
+ // Add cell selection logic\r
+ ed.onMouseDown.add(function(ed, e) {\r
+ if (e.button != 2) {\r
+ cleanup();\r
+\r
+ startCell = dom.getParent(e.target, 'td,th');\r
+ startTable = dom.getParent(startCell, 'table');\r
+ }\r
+ });\r
+\r
+ dom.bind(ed.getDoc(), 'mouseover', function(e) {\r
+ var sel, table, target = e.target;\r
+\r
+ if (startCell && (tableGrid || target != startCell) && (target.nodeName == 'TD' || target.nodeName == 'TH')) {\r
+ table = dom.getParent(target, 'table');\r
+ if (table == startTable) {\r
+ if (!tableGrid) {\r
+ tableGrid = createTableGrid(table);\r
+ tableGrid.setStartCell(startCell);\r
+\r
+ ed.getBody().style.webkitUserSelect = 'none';\r
+ }\r
+\r
+ tableGrid.setEndCell(target);\r
+ }\r
+\r
+ // Remove current selection\r
+ sel = ed.selection.getSel();\r
+\r
+ if (sel.removeAllRanges)\r
+ sel.removeAllRanges();\r
+ else\r
+ sel.empty();\r
+\r
+ e.preventDefault();\r
+ }\r
+ });\r
+\r
+ ed.onMouseUp.add(function(ed, e) {\r
+ var rng, sel = ed.selection, selectedCells, nativeSel = sel.getSel(), walker, node, lastNode, endNode;\r
+\r
+ // Move selection to startCell\r
+ if (startCell) {\r
+ if (tableGrid)\r
+ ed.getBody().style.webkitUserSelect = '';\r
+\r
+ function setPoint(node, start) {\r
+ var walker = new tinymce.dom.TreeWalker(node, node);\r
+\r
+ do {\r
+ // Text node\r
+ if (node.nodeType == 3 && tinymce.trim(node.nodeValue).length != 0) {\r
+ if (start)\r
+ rng.setStart(node, 0);\r
+ else\r
+ rng.setEnd(node, node.nodeValue.length);\r
+\r
+ return;\r
+ }\r
+\r
+ // BR element\r
+ if (node.nodeName == 'BR') {\r
+ if (start)\r
+ rng.setStartBefore(node);\r
+ else\r
+ rng.setEndBefore(node);\r
+\r
+ return;\r
+ }\r
+ } while (node = (start ? walker.next() : walker.prev()));\r
+ };\r
+\r
+ // Try to expand text selection as much as we can only Gecko supports cell selection\r
+ selectedCells = dom.select('td.mceSelected,th.mceSelected');\r
+ if (selectedCells.length > 0) {\r
+ rng = dom.createRng();\r
+ node = selectedCells[0];\r
+ endNode = selectedCells[selectedCells.length - 1];\r
+\r
+ setPoint(node, 1);\r
+ walker = new tinymce.dom.TreeWalker(node, dom.getParent(selectedCells[0], 'table'));\r
+\r
+ do {\r
+ if (node.nodeName == 'TD' || node.nodeName == 'TH') {\r
+ if (!dom.hasClass(node, 'mceSelected'))\r
+ break;\r
+\r
+ lastNode = node;\r
+ }\r
+ } while (node = walker.next());\r
+\r
+ setPoint(lastNode);\r
+\r
+ sel.setRng(rng);\r
+ }\r
+\r
+ ed.nodeChanged();\r
+ startCell = tableGrid = startTable = null;\r
+ }\r
+ });\r
+\r
+ ed.onKeyUp.add(function(ed, e) {\r
+ cleanup();\r
+ });\r
+\r
+ // Add context menu\r
+ if (ed && ed.plugins.contextmenu) {\r
+ ed.plugins.contextmenu.onContextMenu.add(function(th, m, e) {\r
+ var sm, se = ed.selection, el = se.getNode() || ed.getBody();\r
+\r
+ if (ed.dom.getParent(e, 'td') || ed.dom.getParent(e, 'th') || ed.dom.select('td.mceSelected,th.mceSelected').length) {\r
+ m.removeAll();\r
+\r
+ if (el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) {\r
+ m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true});\r
+ m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'});\r
+ m.addSeparator();\r
+ }\r
+\r
+ if (el.nodeName == 'IMG' && el.className.indexOf('mceItem') == -1) {\r
+ m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true});\r
+ m.addSeparator();\r
+ }\r
+\r
+ m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable', value : {action : 'insert'}});\r
+ m.add({title : 'table.props_desc', icon : 'table_props', cmd : 'mceInsertTable'});\r
+ m.add({title : 'table.del', icon : 'delete_table', cmd : 'mceTableDelete'});\r
+ m.addSeparator();\r
+\r
+ // Cell menu\r
+ sm = m.addMenu({title : 'table.cell'});\r
+ sm.add({title : 'table.cell_desc', icon : 'cell_props', cmd : 'mceTableCellProps'});\r
+ sm.add({title : 'table.split_cells_desc', icon : 'split_cells', cmd : 'mceTableSplitCells'});\r
+ sm.add({title : 'table.merge_cells_desc', icon : 'merge_cells', cmd : 'mceTableMergeCells'});\r
+\r
+ // Row menu\r
+ sm = m.addMenu({title : 'table.row'});\r
+ sm.add({title : 'table.row_desc', icon : 'row_props', cmd : 'mceTableRowProps'});\r
+ sm.add({title : 'table.row_before_desc', icon : 'row_before', cmd : 'mceTableInsertRowBefore'});\r
+ sm.add({title : 'table.row_after_desc', icon : 'row_after', cmd : 'mceTableInsertRowAfter'});\r
+ sm.add({title : 'table.delete_row_desc', icon : 'delete_row', cmd : 'mceTableDeleteRow'});\r
+ sm.addSeparator();\r
+ sm.add({title : 'table.cut_row_desc', icon : 'cut', cmd : 'mceTableCutRow'});\r
+ sm.add({title : 'table.copy_row_desc', icon : 'copy', cmd : 'mceTableCopyRow'});\r
+ sm.add({title : 'table.paste_row_before_desc', icon : 'paste', cmd : 'mceTablePasteRowBefore'}).setDisabled(!clipboardRows);\r
+ sm.add({title : 'table.paste_row_after_desc', icon : 'paste', cmd : 'mceTablePasteRowAfter'}).setDisabled(!clipboardRows);\r
+\r
+ // Column menu\r
+ sm = m.addMenu({title : 'table.col'});\r
+ sm.add({title : 'table.col_before_desc', icon : 'col_before', cmd : 'mceTableInsertColBefore'});\r
+ sm.add({title : 'table.col_after_desc', icon : 'col_after', cmd : 'mceTableInsertColAfter'});\r
+ sm.add({title : 'table.delete_col_desc', icon : 'delete_col', cmd : 'mceTableDeleteCol'});\r
+ } else\r
+ m.add({title : 'table.desc', icon : 'table', cmd : 'mceInsertTable'});\r
+ });\r
+ }\r
+\r
+ // Fixes an issue on Gecko where it's impossible to place the caret behind a table\r
+ // This fix will force a paragraph element after the table but only when the forced_root_block setting is enabled\r
+ if (!tinymce.isIE) {\r
+ function fixTableCaretPos() {\r
+ var last;\r
+\r
+ // Skip empty text nodes form the end\r
+ for (last = ed.getBody().lastChild; last && last.nodeType == 3 && !last.nodeValue.length; last = last.previousSibling) ;\r
+\r
+ if (last && last.nodeName == 'TABLE')\r
+ ed.dom.add(ed.getBody(), 'p', null, '<br mce_bogus="1" />');\r
+ };\r
+\r
+ // Fixes an bug where it's impossible to place the caret before a table in Gecko\r
+ // this fix solves it by detecting when the caret is at the beginning of such a table\r
+ // and then manually moves the caret infront of the table\r
+ if (tinymce.isGecko) {\r
+ ed.onKeyDown.add(function(ed, e) {\r
+ var rng, table, dom = ed.dom;\r
+\r
+ // On gecko it's not possible to place the caret before a table\r
+ if (e.keyCode == 37 || e.keyCode == 38) {\r
+ rng = ed.selection.getRng();\r
+ table = dom.getParent(rng.startContainer, 'table');\r
+\r
+ if (table && ed.getBody().firstChild == table) {\r
+ if (isAtStart(rng, table)) {\r
+ rng = dom.createRng();\r
+\r
+ rng.setStartBefore(table);\r
+ rng.setEndBefore(table);\r
+\r
+ ed.selection.setRng(rng);\r
+\r
+ e.preventDefault();\r
+ }\r
+ }\r
+ }\r
+ });\r
+ }\r
+\r
+ ed.onKeyUp.add(fixTableCaretPos);\r
+ ed.onSetContent.add(fixTableCaretPos);\r
+ ed.onVisualAid.add(fixTableCaretPos);\r
+\r
+ ed.onPreProcess.add(function(ed, o) {\r
+ var last = o.node.lastChild;\r
+\r
+ if (last && last.childNodes.length == 1 && last.firstChild.nodeName == 'BR')\r
+ ed.dom.remove(last);\r
+ });\r
+\r
+ fixTableCaretPos();\r
+ }\r
+ });\r
+\r
+ // Register action commands\r
+ each({\r
+ mceTableSplitCells : function(grid) {\r
+ grid.split();\r
+ },\r
+\r
+ mceTableMergeCells : function(grid) {\r
+ var rowSpan, colSpan, cell;\r
+\r
+ cell = ed.dom.getParent(ed.selection.getNode(), 'th,td');\r
+ if (cell) {\r
+ rowSpan = cell.rowSpan;\r
+ colSpan = cell.colSpan;\r
+ }\r
+\r
+ if (!ed.dom.select('td.mceSelected,th.mceSelected').length) {\r
+ winMan.open({\r
+ url : url + '/merge_cells.htm',\r
+ width : 240 + parseInt(ed.getLang('table.merge_cells_delta_width', 0)),\r
+ height : 110 + parseInt(ed.getLang('table.merge_cells_delta_height', 0)),\r
+ inline : 1\r
+ }, {\r
+ rows : rowSpan,\r
+ cols : colSpan,\r
+ onaction : function(data) {\r
+ grid.merge(cell, data.cols, data.rows);\r
+ },\r
+ plugin_url : url\r
+ });\r
+ } else\r
+ grid.merge();\r
+ },\r
+\r
+ mceTableInsertRowBefore : function(grid) {\r
+ grid.insertRow(true);\r
+ },\r
+\r
+ mceTableInsertRowAfter : function(grid) {\r
+ grid.insertRow();\r
+ },\r
+\r
+ mceTableInsertColBefore : function(grid) {\r
+ grid.insertCol(true);\r
+ },\r
+\r
+ mceTableInsertColAfter : function(grid) {\r
+ grid.insertCol();\r
+ },\r
+\r
+ mceTableDeleteCol : function(grid) {\r
+ grid.deleteCols();\r
+ },\r
+\r
+ mceTableDeleteRow : function(grid) {\r
+ grid.deleteRows();\r
+ },\r
+\r
+ mceTableCutRow : function(grid) {\r
+ clipboardRows = grid.cutRows();\r
+ },\r
+\r
+ mceTableCopyRow : function(grid) {\r
+ clipboardRows = grid.copyRows();\r
+ },\r
+\r
+ mceTablePasteRowBefore : function(grid) {\r
+ grid.pasteRows(clipboardRows, true);\r
+ },\r
+\r
+ mceTablePasteRowAfter : function(grid) {\r
+ grid.pasteRows(clipboardRows);\r
+ },\r
+\r
+ mceTableDelete : function(grid) {\r
+ grid.deleteTable();\r
+ }\r
+ }, function(func, name) {\r
+ ed.addCommand(name, function() {\r
+ var grid = createTableGrid();\r
+\r
+ if (grid) {\r
+ func(grid);\r
+ ed.execCommand('mceRepaint');\r
+ cleanup();\r
+ }\r
+ });\r
+ });\r
+\r
+ // Register dialog commands\r
+ each({\r
+ mceInsertTable : function(val) {\r
+ winMan.open({\r
+ url : url + '/table.htm',\r
+ width : 400 + parseInt(ed.getLang('table.table_delta_width', 0)),\r
+ height : 320 + parseInt(ed.getLang('table.table_delta_height', 0)),\r
+ inline : 1\r
+ }, {\r
+ plugin_url : url,\r
+ action : val ? val.action : 0\r
+ });\r
+ },\r
+\r
+ mceTableRowProps : function() {\r
+ winMan.open({\r
+ url : url + '/row.htm',\r
+ width : 400 + parseInt(ed.getLang('table.rowprops_delta_width', 0)),\r
+ height : 295 + parseInt(ed.getLang('table.rowprops_delta_height', 0)),\r
+ inline : 1\r
+ }, {\r
+ plugin_url : url\r
+ });\r
+ },\r
+\r
+ mceTableCellProps : function() {\r
+ winMan.open({\r
+ url : url + '/cell.htm',\r
+ width : 400 + parseInt(ed.getLang('table.cellprops_delta_width', 0)),\r
+ height : 295 + parseInt(ed.getLang('table.cellprops_delta_height', 0)),\r
+ inline : 1\r
+ }, {\r
+ plugin_url : url\r
+ });\r
+ }\r
+ }, function(func, name) {\r
+ ed.addCommand(name, function(ui, val) {\r
+ func(val);\r
+ });\r
+ });\r
+ }\r
+ });\r
+\r
+ // Register plugin\r
+ tinymce.PluginManager.add('table', tinymce.plugins.TablePlugin);\r
+})(tinymce);
\ No newline at end of file