webcit/tiny_mce/plugins/table/editor_plugin_src.js

   1 /* Import plugin specific language pack */\r
   2 tinyMCE.importPluginLanguagePack('table', 'en,ar,cs,da,de,el,es,fi,fr_ca,hu,it,ja,ko,nl,nb,pl,pt,pt_br,sv,tw,zh_cn,fr,de,he,nb,ru,ru_KOI8-R,ru_UTF-8,nn,cy,is,zh_tw,zh_tw_utf8,sk');\r
   3 \r
   4 function TinyMCE_table_getInfo() {\r
   5         return {\r
   6                 longname : 'Tables',\r
   7                 author : 'Moxiecode Systems',\r
   8                 authorurl : 'http://tinymce.moxiecode.com',\r
   9                 infourl : 'http://tinymce.moxiecode.com/tinymce/docs/plugin_table.html',\r
  10                 version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion\r
  11         };\r
  12 };\r
  13 \r
  14 function TinyMCE_table_initInstance(inst) {\r
  15         if (tinyMCE.isGecko) {\r
  16                 var doc = inst.getDoc();\r
  17                 tinyMCE.addEvent(doc, "mouseup", TinyMCE_table_mouseDownHandler);\r
  18         }\r
  19 \r
  20         inst.tableRowClipboard = null;\r
  21 }\r
  22 \r
  23 function TinyMCE_table_mouseDownHandler(e) {\r
  24         var elm = tinyMCE.isMSIE ? event.srcElement : e.target;\r
  25         var focusElm = tinyMCE.selectedInstance.getFocusElement();\r
  26 \r
  27         // If press on special Mozilla create TD/TR thingie\r
  28         if (elm.nodeName == "BODY" && (focusElm.nodeName == "TD" || focusElm.nodeName == "TH" || (focusElm.parentNode && focusElm.parentNode.nodeName == "TD") ||(focusElm.parentNode && focusElm.parentNode.nodeName == "TH") )) {\r
  29                 window.setTimeout(function() {\r
  30                         var tableElm = tinyMCE.getParentElement(focusElm, "table");\r
  31                         tinyMCE.handleVisualAid(tableElm, true, tinyMCE.settings['visual'], tinyMCE.selectedInstance);\r
  32                 }, 10);\r
  33         }\r
  34 }\r
  35 \r
  36 /**\r
  37  * Returns the HTML contents of the table control.\r
  38  */\r
  39 function TinyMCE_table_getControlHTML(control_name) {\r
  40         var controls = new Array(\r
  41                 ['table', 'table.gif', '{$lang_table_desc}', 'mceInsertTable', true],\r
  42                 ['delete_col', 'table_delete_col.gif', '{$lang_table_delete_col_desc}', 'mceTableDeleteCol'],\r
  43                 ['delete_row', 'table_delete_row.gif', '{$lang_table_delete_row_desc}', 'mceTableDeleteRow'],\r
  44                 ['col_after', 'table_insert_col_after.gif', '{$lang_table_col_after_desc}', 'mceTableInsertColAfter'],\r
  45                 ['col_before', 'table_insert_col_before.gif', '{$lang_table_col_before_desc}', 'mceTableInsertColBefore'],\r
  46                 ['row_after', 'table_insert_row_after.gif', '{$lang_table_row_after_desc}', 'mceTableInsertRowAfter'],\r
  47                 ['row_before', 'table_insert_row_before.gif', '{$lang_table_row_before_desc}', 'mceTableInsertRowBefore'],\r
  48                 ['row_props', 'table_row_props.gif', '{$lang_table_row_desc}', 'mceTableRowProps', true],\r
  49                 ['cell_props', 'table_cell_props.gif', '{$lang_table_cell_desc}', 'mceTableCellProps', true],\r
  50                 ['split_cells', 'table_split_cells.gif', '{$lang_table_split_cells_desc}', 'mceTableSplitCells', true],\r
  51                 ['merge_cells', 'table_merge_cells.gif', '{$lang_table_merge_cells_desc}', 'mceTableMergeCells', true]);\r
  52 \r
  53         // Render table control\r
  54         for (var i=0; i<controls.length; i++) {\r
  55                 var but = controls[i];\r
  56                 var cmd = 'tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + but[3] + '\', ' + (but.length > 4 ? but[4] : false) + (but.length > 5 ? ', \'' + but[5] + '\'' : '') + ');return false;';\r
  57 \r
  58                 if (but[0] == control_name && (tinyMCE.isMSIE || !tinyMCE.settings['button_tile_map']))\r
  59                         return '<a href="javascript:' + cmd + '" onclick="' + cmd + '" onmousedown="return false;" target="_self"><img id="{$editor_id}_' + but[0] + '" src="{$pluginurl}/images/' + but[1] + '" title="' + but[2] + '" width="20" height="20" class="mceButtonDisabled" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" /></a>';\r
  60                 else if (but[0] == control_name)\r
  61                         return '<a href="javascript:' + cmd + '" onclick="' + cmd + '" onmousedown="return false;" target="_self"><img id="{$editor_id}_' + but[0] + '" src="{$themeurl}/images/spacer.gif" style="background-image:url({$pluginurl}/images/buttons.gif); background-position: ' + (0-(i*20)) + 'px 0px" title="' + but[2] + '" width="20" height="20" class="mceButtonDisabled" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" /></a>';\r
  62         }\r
  63 \r
  64         // Special tablecontrols\r
  65         if (control_name == "tablecontrols") {\r
  66                 var html = "";\r
  67 \r
  68                 html += tinyMCE.getControlHTML("table");\r
  69                 html += tinyMCE.getControlHTML("separator");\r
  70                 html += tinyMCE.getControlHTML("row_props");\r
  71                 html += tinyMCE.getControlHTML("cell_props");\r
  72                 html += tinyMCE.getControlHTML("separator");\r
  73                 html += tinyMCE.getControlHTML("row_before");\r
  74                 html += tinyMCE.getControlHTML("row_after");\r
  75                 html += tinyMCE.getControlHTML("delete_row");\r
  76                 html += tinyMCE.getControlHTML("separator");\r
  77                 html += tinyMCE.getControlHTML("col_before");\r
  78                 html += tinyMCE.getControlHTML("col_after");\r
  79                 html += tinyMCE.getControlHTML("delete_col");\r
  80                 html += tinyMCE.getControlHTML("separator");\r
  81                 html += tinyMCE.getControlHTML("split_cells");\r
  82                 html += tinyMCE.getControlHTML("merge_cells");\r
  83 \r
  84                 return html;\r
  85         }\r
  86 \r
  87         return "";\r
  88 }\r
  89 \r
  90 /**\r
  91  * Executes the table commands.\r
  92  */\r
  93 function TinyMCE_table_execCommand(editor_id, element, command, user_interface, value) {\r
  94         // Is table command\r
  95         switch (command) {\r
  96                 case "mceInsertTable":\r
  97                 case "mceTableRowProps":\r
  98                 case "mceTableCellProps":\r
  99                 case "mceTableSplitCells":\r
 100                 case "mceTableMergeCells":\r
 101                 case "mceTableInsertRowBefore":\r
 102                 case "mceTableInsertRowAfter":\r
 103                 case "mceTableDeleteRow":\r
 104                 case "mceTableInsertColBefore":\r
 105                 case "mceTableInsertColAfter":\r
 106                 case "mceTableDeleteCol":\r
 107                 case "mceTableCutRow":\r
 108                 case "mceTableCopyRow":\r
 109                 case "mceTablePasteRowBefore":\r
 110                 case "mceTablePasteRowAfter":\r
 111                 case "mceTableDelete":\r
 112                         var inst = tinyMCE.getInstanceById(editor_id);\r
 113 \r
 114                         inst.execCommand('mceBeginUndoLevel');\r
 115                         TinyMCE_table_doExecCommand(editor_id, element, command, user_interface, value);\r
 116                         inst.execCommand('mceEndUndoLevel');\r
 117 \r
 118                         return true;\r
 119         }\r
 120 \r
 121         // Pass to next handler in chain\r
 122         return false;\r
 123 }\r
 124 \r
 125 /**\r
 126  * Executes the table commands.\r
 127  */\r
 128 function TinyMCE_table_doExecCommand(editor_id, element, command, user_interface, value) {\r
 129         var inst = tinyMCE.getInstanceById(editor_id);\r
 130         var focusElm = inst.getFocusElement();\r
 131         var trElm = tinyMCE.getParentElement(focusElm, "tr");\r
 132         var tdElm = tinyMCE.getParentElement(focusElm, "td,th");\r
 133         var tableElm = tinyMCE.getParentElement(focusElm, "table");\r
 134         var doc = inst.contentWindow.document;\r
 135         var tableBorder = tableElm ? tableElm.getAttribute("border") : "";\r
 136 \r
 137         // Get first TD if no TD found\r
 138         if (trElm && tdElm == null)\r
 139                 tdElm = trElm.cells[0];\r
 140 \r
 141         // ------- Inner functions ---------\r
 142         function inArray(ar, v) {\r
 143                 for (var i=0; i<ar.length; i++) {\r
 144                         // Is array\r
 145                         if (ar[i].length > 0 && inArray(ar[i], v))\r
 146                                 return true;\r
 147 \r
 148                         // Found value\r
 149                         if (ar[i] == v)\r
 150                                 return true;\r
 151                 }\r
 152 \r
 153                 return false;\r
 154         }\r
 155 \r
 156         function makeTD() {\r
 157                 var newTD = doc.createElement("td");\r
 158                 newTD.innerHTML = "&nbsp;";\r
 159         }\r
 160 \r
 161         function getColRowSpan(td) {\r
 162                 var colspan = tinyMCE.getAttrib(td, "colspan");\r
 163                 var rowspan = tinyMCE.getAttrib(td, "rowspan");\r
 164 \r
 165                 colspan = colspan == "" ? 1 : parseInt(colspan);\r
 166                 rowspan = rowspan == "" ? 1 : parseInt(rowspan);\r
 167 \r
 168                 return {colspan : colspan, rowspan : rowspan};\r
 169         }\r
 170 \r
 171         function getCellPos(grid, td) {\r
 172                 for (var y=0; y<grid.length; y++) {\r
 173                         for (var x=0; x<grid[y].length; x++) {\r
 174                                 if (grid[y][x] == td)\r
 175                                         return {cellindex : x, rowindex : y};\r
 176                         }\r
 177                 }\r
 178 \r
 179                 return null;\r
 180         }\r
 181 \r
 182         function getCell(grid, row, col) {\r
 183                 if (grid[row] && grid[row][col])\r
 184                         return grid[row][col];\r
 185 \r
 186                 return null;\r
 187         }\r
 188 \r
 189         function getTableGrid(table) {\r
 190                 var grid = new Array();\r
 191                 var rows = table.rows;\r
 192 \r
 193                 for (var y=0; y<rows.length; y++) {\r
 194                         for (var x=0; x<rows[y].cells.length; x++) {\r
 195                                 var td = rows[y].cells[x];\r
 196                                 var sd = getColRowSpan(td);\r
 197 \r
 198                                 // All ready filled\r
 199                                 for (xstart = x; grid[y] && grid[y][xstart]; xstart++) ;\r
 200 \r
 201                                 // Fill box\r
 202                                 for (var y2=y; y2<y+sd['rowspan']; y2++) {\r
 203                                         if (!grid[y2])\r
 204                                                 grid[y2] = new Array();\r
 205 \r
 206                                         for (var x2=xstart; x2<xstart+sd['colspan']; x2++) {\r
 207                                                 grid[y2][x2] = td;\r
 208                                         }\r
 209                                 }\r
 210                         }\r
 211                 }\r
 212 \r
 213                 return grid;\r
 214         }\r
 215 \r
 216         function trimRow(table, tr, td, new_tr) {\r
 217                 var grid = getTableGrid(table);\r
 218                 var cpos = getCellPos(grid, td);\r
 219 \r
 220                 // Time to crop away some\r
 221                 if (new_tr.cells.length != tr.childNodes.length) {\r
 222                         var cells = tr.childNodes;\r
 223                         var lastElm = null;\r
 224 \r
 225                         for (var x=0; td = getCell(grid, cpos.rowindex, x); x++) {\r
 226                                 var remove = true;\r
 227                                 var sd = getColRowSpan(td);\r
 228 \r
 229                                 // Remove due to rowspan\r
 230                                 if (inArray(cells, td)) {\r
 231                                         new_tr.childNodes[x]._delete = true;\r
 232                                 } else if ((lastElm == null || td != lastElm) && sd.colspan > 1) { // Remove due to colspan\r
 233                                         for (var i=x; i<x+td.colSpan; i++)\r
 234                                                 new_tr.childNodes[i]._delete = true;\r
 235                                 }\r
 236 \r
 237                                 if ((lastElm == null || td != lastElm) && sd.rowspan > 1)\r
 238                                         td.rowSpan = sd.rowspan + 1;\r
 239 \r
 240                                 lastElm = td;\r
 241                         }\r
 242 \r
 243                         deleteMarked(tableElm);\r
 244                 }\r
 245         }\r
 246 \r
 247         function prevElm(node, name) {\r
 248                 while ((node = node.previousSibling) != null) {\r
 249                         if (node.nodeName == name)\r
 250                                 return node;\r
 251                 }\r
 252 \r
 253                 return null;\r
 254         }\r
 255 \r
 256         function nextElm(node, names) {\r
 257         var namesAr = names.split(',');\r
 258 \r
 259                 while ((node = node.nextSibling) != null) {\r
 260             for (var i=0; i<namesAr.length; i++) {\r
 261                 if (node.nodeName.toLowerCase() == namesAr[i].toLowerCase() )\r
 262                     return node;\r
 263             }\r
 264                 }\r
 265 \r
 266                 return null;\r
 267         }\r
 268 \r
 269         function deleteMarked(tbl) {\r
 270                 if (tbl.rows == 0)\r
 271                         return;\r
 272 \r
 273                 var tr = tbl.rows[0];\r
 274                 do {\r
 275                         var next = nextElm(tr, "TR");\r
 276 \r
 277                         // Delete row\r
 278                         if (tr._delete) {\r
 279                                 tr.parentNode.removeChild(tr);\r
 280                                 continue;\r
 281                         }\r
 282 \r
 283                         // Delete cells\r
 284                         var td = tr.cells[0];\r
 285                         if (td.cells > 1) {\r
 286                                 do {\r
 287                                         var nexttd = nextElm(td, "TD,TH");\r
 288 \r
 289                                         if (td._delete)\r
 290                                                 td.parentNode.removeChild(td);\r
 291                                 } while ((td = nexttd) != null);\r
 292                         }\r
 293                 } while ((tr = next) != null);\r
 294         }\r
 295 \r
 296         function addRows(td_elm, tr_elm, rowspan) {\r
 297                 // Add rows\r
 298                 td_elm.rowSpan = 1;\r
 299                 var trNext = nextElm(tr_elm, "TR");\r
 300                 for (var i=1; i<rowspan && trNext; i++) {\r
 301                         var newTD = doc.createElement("td");\r
 302                         newTD.innerHTML = "&nbsp;";\r
 303 \r
 304                         if (tinyMCE.isMSIE)\r
 305                                 trNext.insertBefore(newTD, trNext.cells(td_elm.cellIndex));\r
 306                         else\r
 307                                 trNext.insertBefore(newTD, trNext.cells[td_elm.cellIndex]);\r
 308 \r
 309                         trNext = nextElm(trNext, "TR");\r
 310                 }\r
 311         }\r
 312 \r
 313         function copyRow(doc, table, tr) {\r
 314                 var grid = getTableGrid(table);\r
 315                 var newTR = tr.cloneNode(false);\r
 316                 var cpos = getCellPos(grid, tr.cells[0]);\r
 317                 var lastCell = null;\r
 318                 var tableBorder = tinyMCE.getAttrib(table, "border");\r
 319                 var tdElm = null;\r
 320 \r
 321                 for (var x=0; tdElm = getCell(grid, cpos.rowindex, x); x++) {\r
 322                         var newTD = null;\r
 323 \r
 324                         if (lastCell != tdElm) {\r
 325                                 for (var i=0; i<tr.cells.length; i++) {\r
 326                                         if (tdElm == tr.cells[i]) {\r
 327                                                 newTD = tdElm.cloneNode(true);\r
 328                                                 break;\r
 329                                         }\r
 330                                 }\r
 331                         }\r
 332 \r
 333                         if (newTD == null) {\r
 334                                 newTD = doc.createElement("td");\r
 335                                 newTD.innerHTML = "&nbsp;";\r
 336                         }\r
 337 \r
 338                         // Reset col/row span\r
 339                         newTD.colSpan = 1;\r
 340                         newTD.rowSpan = 1;\r
 341 \r
 342                         newTR.appendChild(newTD);\r
 343 \r
 344                         lastCell = tdElm;\r
 345                 }\r
 346 \r
 347                 return newTR;\r
 348         }\r
 349 \r
 350         // ---- Commands -----\r
 351 \r
 352         // Handle commands\r
 353         switch (command) {\r
 354                 case "mceTableRowProps":\r
 355                         if (trElm == null)\r
 356                                 return true;\r
 357 \r
 358                         if (user_interface) {\r
 359                                 // Setup template\r
 360                                 var template = new Array();\r
 361 \r
 362                                 template['file'] = '../../plugins/table/row.htm';\r
 363                                 template['width'] = 380;\r
 364                                 template['height'] = 295;\r
 365 \r
 366                                 // Language specific width and height addons\r
 367                                 template['width'] += tinyMCE.getLang('lang_table_rowprops_delta_width', 0);\r
 368                                 template['height'] += tinyMCE.getLang('lang_table_rowprops_delta_height', 0);\r
 369 \r
 370                                 // Open window\r
 371                                 tinyMCE.openWindow(template, {editor_id : inst.editorId, inline : "yes"});\r
 372                         }\r
 373 \r
 374                         return true;\r
 375 \r
 376                 case "mceTableCellProps":\r
 377                         if (tdElm == null)\r
 378                                 return true;\r
 379 \r
 380                         if (user_interface) {\r
 381                                 // Setup template\r
 382                                 var template = new Array();\r
 383 \r
 384                                 template['file'] = '../../plugins/table/cell.htm';\r
 385                                 template['width'] = 380;\r
 386                                 template['height'] = 295;\r
 387 \r
 388                                 // Language specific width and height addons\r
 389                                 template['width'] += tinyMCE.getLang('lang_table_cellprops_delta_width', 0);\r
 390                                 template['height'] += tinyMCE.getLang('lang_table_cellprops_delta_height', 0);\r
 391 \r
 392                                 // Open window\r
 393                                 tinyMCE.openWindow(template, {editor_id : inst.editorId, inline : "yes"});\r
 394                         }\r
 395 \r
 396                         return true;\r
 397 \r
 398                 case "mceInsertTable":\r
 399                         if (user_interface) {\r
 400                                 // Setup template\r
 401                                 var template = new Array();\r
 402 \r
 403                                 template['file'] = '../../plugins/table/table.htm';\r
 404                                 template['width'] = 380;\r
 405                                 template['height'] = 295;\r
 406 \r
 407                                 // Language specific width and height addons\r
 408                                 template['width'] += tinyMCE.getLang('lang_table_table_delta_width', 0);\r
 409                                 template['height'] += tinyMCE.getLang('lang_table_table_delta_height', 0);\r
 410 \r
 411                                 // Open window\r
 412                                 tinyMCE.openWindow(template, {editor_id : inst.editorId, inline : "yes", action : value});\r
 413                         }\r
 414 \r
 415                         return true;\r
 416 \r
 417                 case "mceTableDelete":\r
 418                         var table = tinyMCE.getParentElement(inst.getFocusElement(), "table");\r
 419                         if (table) {\r
 420                                 table.parentNode.removeChild(table);\r
 421                                 inst.repaint();\r
 422                         }\r
 423                         return true;\r
 424 \r
 425                 case "mceTableSplitCells":\r
 426                 case "mceTableMergeCells":\r
 427                 case "mceTableInsertRowBefore":\r
 428                 case "mceTableInsertRowAfter":\r
 429                 case "mceTableDeleteRow":\r
 430                 case "mceTableInsertColBefore":\r
 431                 case "mceTableInsertColAfter":\r
 432                 case "mceTableDeleteCol":\r
 433                 case "mceTableCutRow":\r
 434                 case "mceTableCopyRow":\r
 435                 case "mceTablePasteRowBefore":\r
 436                 case "mceTablePasteRowAfter":\r
 437                         // No table just return (invalid command)\r
 438                         if (!tableElm)\r
 439                                 return true;\r
 440 \r
 441                         // Table has a tbody use that reference\r
 442                         // Changed logic by ApTest 2005.07.12 (www.aptest.com)\r
 443                         // Now lookk at the focused element and take its parentNode.  That will be a tbody or a table.\r
 444                         if (tableElm != trElm.parentNode)\r
 445                                 tableElm = trElm.parentNode;\r
 446 \r
 447                         if (tableElm && trElm) {\r
 448                                 switch (command) {\r
 449                                         case "mceTableInsertRowBefore":\r
 450                                                 if (!trElm || !tdElm)\r
 451                                                         return true;\r
 452 \r
 453                                                 var grid = getTableGrid(tableElm);\r
 454                                                 var cpos = getCellPos(grid, tdElm);\r
 455                                                 var newTR = doc.createElement("tr");\r
 456                                                 var lastTDElm = null;\r
 457 \r
 458                                                 cpos.rowindex--;\r
 459                                                 if (cpos.rowindex < 0)\r
 460                                                         cpos.rowindex = 0;\r
 461 \r
 462                                                 // Create cells\r
 463                                                 for (var x=0; tdElm = getCell(grid, cpos.rowindex, x); x++) {\r
 464                                                         if (tdElm != lastTDElm) {\r
 465                                                                 var sd = getColRowSpan(tdElm);\r
 466 \r
 467                                                                 if (sd['rowspan'] == 1) {\r
 468                                                                         var newTD = doc.createElement("td");\r
 469 \r
 470                                                                         newTD.innerHTML = "&nbsp;";\r
 471                                                                         newTD.colSpan = tdElm.colSpan;\r
 472 \r
 473                                                                         newTR.appendChild(newTD);\r
 474                                                                 } else\r
 475                                                                         tdElm.rowSpan = sd['rowspan'] + 1;\r
 476 \r
 477                                                                 lastTDElm = tdElm;\r
 478                                                         }\r
 479                                                 }\r
 480 \r
 481                                                 trElm.parentNode.insertBefore(newTR, trElm);\r
 482                                         break;\r
 483 \r
 484                                         case "mceTableCutRow":\r
 485                                                 if (!trElm || !tdElm)\r
 486                                                         return true;\r
 487 \r
 488                                                 inst.tableRowClipboard = copyRow(doc, tableElm, trElm);\r
 489                                                 inst.execCommand("mceTableDeleteRow");\r
 490                                                 break;\r
 491 \r
 492                                         case "mceTableCopyRow":\r
 493                                                 if (!trElm || !tdElm)\r
 494                                                         return true;\r
 495 \r
 496                                                 inst.tableRowClipboard = copyRow(doc, tableElm, trElm);\r
 497                                                 break;\r
 498 \r
 499                                         case "mceTablePasteRowBefore":\r
 500                                                 if (!trElm || !tdElm)\r
 501                                                         return true;\r
 502 \r
 503                                                 var newTR = inst.tableRowClipboard.cloneNode(true);\r
 504 \r
 505                                                 var prevTR = prevElm(trElm, "TR");\r
 506                                                 if (prevTR != null)\r
 507                                                         trimRow(tableElm, prevTR, prevTR.cells[0], newTR);\r
 508 \r
 509                                                 trElm.parentNode.insertBefore(newTR, trElm);\r
 510                                                 break;\r
 511 \r
 512                                         case "mceTablePasteRowAfter":\r
 513                                                 if (!trElm || !tdElm)\r
 514                                                         return true;\r
 515                                                 \r
 516                                                 var nextTR = nextElm(trElm, "TR");\r
 517                                                 var newTR = inst.tableRowClipboard.cloneNode(true);\r
 518 \r
 519                                                 trimRow(tableElm, trElm, tdElm, newTR);\r
 520 \r
 521                                                 if (nextTR == null)\r
 522                                                         trElm.parentNode.appendChild(newTR);\r
 523                                                 else\r
 524                                                         nextTR.parentNode.insertBefore(newTR, nextTR);\r
 525 \r
 526                                                 break;\r
 527 \r
 528                                         case "mceTableInsertRowAfter":\r
 529                                                 if (!trElm || !tdElm)\r
 530                                                         return true;\r
 531 \r
 532                                                 var grid = getTableGrid(tableElm);\r
 533                                                 var cpos = getCellPos(grid, tdElm);\r
 534                                                 var newTR = doc.createElement("tr");\r
 535                                                 var lastTDElm = null;\r
 536 \r
 537                                                 // Create cells\r
 538                                                 for (var x=0; tdElm = getCell(grid, cpos.rowindex, x); x++) {\r
 539                                                         if (tdElm != lastTDElm) {\r
 540                                                                 var sd = getColRowSpan(tdElm);\r
 541 \r
 542                                                                 if (sd['rowspan'] == 1) {\r
 543                                                                         var newTD = doc.createElement("td");\r
 544 \r
 545                                                                         newTD.innerHTML = "&nbsp;";\r
 546                                                                         newTD.colSpan = tdElm.colSpan;\r
 547 \r
 548                                                                         newTR.appendChild(newTD);\r
 549                                                                 } else\r
 550                                                                         tdElm.rowSpan = sd['rowspan'] + 1;\r
 551 \r
 552                                                                 lastTDElm = tdElm;\r
 553                                                         }\r
 554                                                 }\r
 555 \r
 556                                                 if (newTR.hasChildNodes()) {\r
 557                                                         var nextTR = nextElm(trElm, "TR");\r
 558                                                         if (nextTR)\r
 559                                                                 nextTR.parentNode.insertBefore(newTR, nextTR);\r
 560                                                         else\r
 561                                                                 tableElm.appendChild(newTR);\r
 562                                                 }\r
 563                                         break;\r
 564 \r
 565                                         case "mceTableDeleteRow":\r
 566                                                 if (!trElm || !tdElm)\r
 567                                                         return true;\r
 568         \r
 569                                                 var grid = getTableGrid(tableElm);\r
 570                                                 var cpos = getCellPos(grid, tdElm);\r
 571 \r
 572                                                 // Only one row, remove whole table\r
 573                                                 if (grid.length == 1) {\r
 574                                                         tableElm.parentNode.removeChild(tableElm);\r
 575                                                         return true;\r
 576                                                 }\r
 577 \r
 578                                                 // Move down row spanned cells\r
 579                                                 var cells = trElm.cells;\r
 580                                                 var nextTR = nextElm(trElm, "TR");\r
 581                                                 for (var x=0; x<cells.length; x++) {\r
 582                                                         if (cells[x].rowSpan > 1) {\r
 583                                                                 var newTD = cells[x].cloneNode(true);\r
 584                                                                 var sd = getColRowSpan(cells[x]);\r
 585 \r
 586                                                                 newTD.rowSpan = sd.rowspan - 1;\r
 587 \r
 588                                                                 var nextTD = nextTR.cells[x];\r
 589 \r
 590                                                                 if (nextTD == null)\r
 591                                                                         nextTR.appendChild(newTD);\r
 592                                                                 else\r
 593                                                                         nextTR.insertBefore(newTD, nextTD);\r
 594                                                         }\r
 595                                                 }\r
 596 \r
 597                                                 // Delete cells\r
 598                                                 var lastTDElm = null;\r
 599                                                 for (var x=0; tdElm = getCell(grid, cpos.rowindex, x); x++) {\r
 600                                                         if (tdElm != lastTDElm) {\r
 601                                                                 var sd = getColRowSpan(tdElm);\r
 602 \r
 603                                                                 if (sd.rowspan > 1) {\r
 604                                                                         tdElm.rowSpan = sd.rowspan - 1;\r
 605                                                                 } else {\r
 606                                                                         trElm = tdElm.parentNode;\r
 607 \r
 608                                                                         if (trElm.parentNode)\r
 609                                                                                 trElm._delete = true;\r
 610                                                                 }\r
 611 \r
 612                                                                 lastTDElm = tdElm;\r
 613                                                         }\r
 614                                                 }\r
 615 \r
 616                                                 deleteMarked(tableElm);\r
 617 \r
 618                                                 cpos.rowindex--;\r
 619                                                 if (cpos.rowindex < 0)\r
 620                                                         cpos.rowindex = 0;\r
 621 \r
 622                                                 inst.selectNode(getCell(grid, cpos.rowindex, 0), true, true);\r
 623                                         break;\r
 624 \r
 625                                         case "mceTableInsertColBefore":\r
 626                                                 if (!trElm || !tdElm)\r
 627                                                         return true;\r
 628 \r
 629                                                 var grid = getTableGrid(tableElm);\r
 630                                                 var cpos = getCellPos(grid, tdElm);\r
 631                                                 var lastTDElm = null;\r
 632 \r
 633                                                 for (var y=0; tdElm = getCell(grid, y, cpos.cellindex); y++) {\r
 634                                                         if (tdElm != lastTDElm) {\r
 635                                                                 var sd = getColRowSpan(tdElm);\r
 636 \r
 637                                                                 if (sd['colspan'] == 1) {\r
 638                                                                         var newTD = doc.createElement(tdElm.nodeName);\r
 639 \r
 640                                                                         newTD.innerHTML = "&nbsp;";\r
 641                                                                         newTD.rowSpan = tdElm.rowSpan;\r
 642 \r
 643                                                                         tdElm.parentNode.insertBefore(newTD, tdElm);\r
 644                                                                 } else\r
 645                                                                         tdElm.colSpan++;\r
 646 \r
 647                                                                 lastTDElm = tdElm;\r
 648                                                         }\r
 649                                                 }\r
 650                                         break;\r
 651 \r
 652                                         case "mceTableInsertColAfter":\r
 653                                                 if (!trElm || !tdElm)\r
 654                                                         return true;\r
 655 \r
 656                                                 var grid = getTableGrid(tableElm);\r
 657                                                 var cpos = getCellPos(grid, tdElm);\r
 658                                                 var lastTDElm = null;\r
 659 \r
 660                                                 for (var y=0; tdElm = getCell(grid, y, cpos.cellindex); y++) {\r
 661                                                         if (tdElm != lastTDElm) {\r
 662                                                                 var sd = getColRowSpan(tdElm);\r
 663 \r
 664                                                                 if (sd['colspan'] == 1) {\r
 665                                                                         var newTD = doc.createElement(tdElm.nodeName);\r
 666 \r
 667                                                                         newTD.innerHTML = "&nbsp;";\r
 668                                                                         newTD.rowSpan = tdElm.rowSpan;\r
 669 \r
 670                                                                         var nextTD = nextElm(tdElm, "TD,TH");\r
 671                                                                         if (nextTD == null)\r
 672                                                                                 tdElm.parentNode.appendChild(newTD);\r
 673                                                                         else\r
 674                                                                                 nextTD.parentNode.insertBefore(newTD, nextTD);\r
 675                                                                 } else\r
 676                                                                         tdElm.colSpan++;\r
 677 \r
 678                                                                 lastTDElm = tdElm;\r
 679                                                         }\r
 680                                                 }\r
 681                                         break;\r
 682 \r
 683                                         case "mceTableDeleteCol":\r
 684                                                 if (!trElm || !tdElm)\r
 685                                                         return true;\r
 686 \r
 687                                                 var grid = getTableGrid(tableElm);\r
 688                                                 var cpos = getCellPos(grid, tdElm);\r
 689                                                 var lastTDElm = null;\r
 690 \r
 691                                                 // Only one col, remove whole table\r
 692                                                 if (grid.length > 1 && grid[0].length <= 1) {\r
 693                                                         tableElm.parentNode.removeChild(tableElm);\r
 694                                                         return true;\r
 695                                                 }\r
 696 \r
 697                                                 // Delete cells\r
 698                                                 for (var y=0; tdElm = getCell(grid, y, cpos.cellindex); y++) {\r
 699                                                         if (tdElm != lastTDElm) {\r
 700                                                                 var sd = getColRowSpan(tdElm);\r
 701 \r
 702                                                                 if (sd['colspan'] > 1)\r
 703                                                                         tdElm.colSpan = sd['colspan'] - 1;\r
 704                                                                 else {\r
 705                                                                         if (tdElm.parentNode)\r
 706                                                                                 tdElm.parentNode.removeChild(tdElm);\r
 707                                                                 }\r
 708 \r
 709                                                                 lastTDElm = tdElm;\r
 710                                                         }\r
 711                                                 }\r
 712 \r
 713                                                 cpos.cellindex--;\r
 714                                                 if (cpos.cellindex < 0)\r
 715                                                         cpos.cellindex = 0;\r
 716 \r
 717                                                 inst.selectNode(getCell(grid, 0, cpos.cellindex), true, true);\r
 718                                         break;\r
 719 \r
 720                                 case "mceTableSplitCells":\r
 721                                         if (!trElm || !tdElm)\r
 722                                                 return true;\r
 723 \r
 724                                         var spandata = getColRowSpan(tdElm);\r
 725 \r
 726                                         var colspan = spandata["colspan"];\r
 727                                         var rowspan = spandata["rowspan"];\r
 728 \r
 729                                         // Needs splitting\r
 730                                         if (colspan > 1 || rowspan > 1) {\r
 731                                                 // Generate cols\r
 732                                                 tdElm.colSpan = 1;\r
 733                                                 for (var i=1; i<colspan; i++) {\r
 734                                                         var newTD = doc.createElement("td");\r
 735 \r
 736                                                         newTD.innerHTML = "&nbsp;";\r
 737 \r
 738                                                         trElm.insertBefore(newTD, nextElm(tdElm, "TD,TH"));\r
 739 \r
 740                                                         if (rowspan > 1)\r
 741                                                                 addRows(newTD, trElm, rowspan);\r
 742                                                 }\r
 743 \r
 744                                                 addRows(tdElm, trElm, rowspan);\r
 745                                         }\r
 746 \r
 747                                         // Apply visual aids\r
 748                                         tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");\r
 749                                         break;\r
 750 \r
 751                                 case "mceTableMergeCells":\r
 752                                         var rows = new Array();\r
 753                                         var sel = inst.getSel();\r
 754                                         var grid = getTableGrid(tableElm);\r
 755 \r
 756                                         if (tinyMCE.isMSIE || sel.rangeCount == 1) {\r
 757                                                 if (user_interface) {\r
 758                                                         // Setup template\r
 759                                                         var template = new Array();\r
 760                                                         var sp = getColRowSpan(tdElm);\r
 761 \r
 762                                                         template['file'] = '../../plugins/table/merge_cells.htm';\r
 763                                                         template['width'] = 250;\r
 764                                                         template['height'] = 105 + (tinyMCE.isNS7 ? 25 : 0);\r
 765 \r
 766                                                         // Language specific width and height addons\r
 767                                                         template['width'] += tinyMCE.getLang('lang_table_merge_cells_delta_width', 0);\r
 768                                                         template['height'] += tinyMCE.getLang('lang_table_merge_cells_delta_height', 0);\r
 769 \r
 770                                                         // Open window\r
 771                                                         tinyMCE.openWindow(template, {editor_id : inst.editorId, inline : "yes", action : "update", numcols : sp.colspan, numrows : sp.rowspan});\r
 772 \r
 773                                                         return true;\r
 774                                                 } else {\r
 775                                                         var numRows = parseInt(value['numrows']);\r
 776                                                         var numCols = parseInt(value['numcols']);\r
 777                                                         var cpos = getCellPos(grid, tdElm);\r
 778 \r
 779                                                         if (("" + numRows) == "NaN")\r
 780                                                                 numRows = 1;\r
 781 \r
 782                                                         if (("" + numCols) == "NaN")\r
 783                                                                 numCols = 1;\r
 784 \r
 785                                                         // Get rows and cells\r
 786                                                         var tRows = tableElm.rows;\r
 787                                                         for (var y=cpos.rowindex; y<grid.length; y++) {\r
 788                                                                 var rowCells = new Array();\r
 789 \r
 790                                                                 for (var x=cpos.cellindex; x<grid[y].length; x++) {\r
 791                                                                         var td = getCell(grid, y, x);\r
 792 \r
 793                                                                         if (td && !inArray(rows, td) && !inArray(rowCells, td)) {\r
 794                                                                                 var cp = getCellPos(grid, td);\r
 795 \r
 796                                                                                 // Within range\r
 797                                                                                 if (cp.cellindex < cpos.cellindex+numCols && cp.rowindex < cpos.rowindex+numRows)\r
 798                                                                                         rowCells[rowCells.length] = td;\r
 799                                                                         }\r
 800                                                                 }\r
 801 \r
 802                                                                 if (rowCells.length > 0)\r
 803                                                                         rows[rows.length] = rowCells;\r
 804                                                         }\r
 805 \r
 806                                                         //return true;\r
 807                                                 }\r
 808                                         } else {\r
 809                                                 var cells = new Array();\r
 810                                                 var sel = inst.getSel();\r
 811                                                 var lastTR = null;\r
 812                                                 var curRow = null;\r
 813                                                 var x1 = -1, y1 = -1, x2, y2;\r
 814 \r
 815                                                 // Only one cell selected, whats the point?\r
 816                                                 if (sel.rangeCount < 2)\r
 817                                                         return true;\r
 818 \r
 819                                                 // Get all selected cells\r
 820                                                 for (var i=0; i<sel.rangeCount; i++) {\r
 821                                                         var rng = sel.getRangeAt(i);\r
 822                                                         var tdElm = rng.startContainer.childNodes[rng.startOffset];\r
 823 \r
 824                                                         if (!tdElm)\r
 825                                                                 break;\r
 826 \r
 827                                                         if (tdElm.nodeName == "TD")\r
 828                                                                 cells[cells.length] = tdElm;\r
 829                                                 }\r
 830 \r
 831                                                 // Get rows and cells\r
 832                                                 var tRows = tableElm.rows;\r
 833                                                 for (var y=0; y<tRows.length; y++) {\r
 834                                                         var rowCells = new Array();\r
 835 \r
 836                                                         for (var x=0; x<tRows[y].cells.length; x++) {\r
 837                                                                 var td = tRows[y].cells[x];\r
 838 \r
 839                                                                 for (var i=0; i<cells.length; i++) {\r
 840                                                                         if (td == cells[i]) {\r
 841                                                                                 rowCells[rowCells.length] = td;\r
 842                                                                         }\r
 843                                                                 }\r
 844                                                         }\r
 845 \r
 846                                                         if (rowCells.length > 0)\r
 847                                                                 rows[rows.length] = rowCells;\r
 848                                                 }\r
 849 \r
 850                                                 // Find selected cells in grid and box\r
 851                                                 var curRow = new Array();\r
 852                                                 var lastTR = null;\r
 853                                                 for (var y=0; y<grid.length; y++) {\r
 854                                                         for (var x=0; x<grid[y].length; x++) {\r
 855                                                                 grid[y][x]._selected = false;\r
 856 \r
 857                                                                 for (var i=0; i<cells.length; i++) {\r
 858                                                                         if (grid[y][x] == cells[i]) {\r
 859                                                                                 // Get start pos\r
 860                                                                                 if (x1 == -1) {\r
 861                                                                                         x1 = x;\r
 862                                                                                         y1 = y;\r
 863                                                                                 }\r
 864 \r
 865                                                                                 // Get end pos\r
 866                                                                                 x2 = x;\r
 867                                                                                 y2 = y;\r
 868 \r
 869                                                                                 grid[y][x]._selected = true;\r
 870                                                                         }\r
 871                                                                 }\r
 872                                                         }\r
 873                                                 }\r
 874 \r
 875                                                 // Is there gaps, if so deny\r
 876                                                 for (var y=y1; y<=y2; y++) {\r
 877                                                         for (var x=x1; x<=x2; x++) {\r
 878                                                                 if (!grid[y][x]._selected) {\r
 879                                                                         alert("Invalid selection for merge.");\r
 880                                                                         return true;\r
 881                                                                 }\r
 882                                                         }\r
 883                                                 }\r
 884                                         }\r
 885 \r
 886                                         // Validate selection and get total rowspan and colspan\r
 887                                         var rowSpan = 1, colSpan = 1;\r
 888 \r
 889                                         // Validate horizontal and get total colspan\r
 890                                         var lastRowSpan = -1;\r
 891                                         for (var y=0; y<rows.length; y++) {\r
 892                                                 var rowColSpan = 0;\r
 893 \r
 894                                                 for (var x=0; x<rows[y].length; x++) {\r
 895                                                         var sd = getColRowSpan(rows[y][x]);\r
 896 \r
 897                                                         rowColSpan += sd['colspan'];\r
 898 \r
 899                                                         if (lastRowSpan != -1 && sd['rowspan'] != lastRowSpan) {\r
 900                                                                 alert("Invalid selection for merge.");\r
 901                                                                 return true;\r
 902                                                         }\r
 903 \r
 904                                                         lastRowSpan = sd['rowspan'];\r
 905                                                 }\r
 906 \r
 907                                                 if (rowColSpan > colSpan)\r
 908                                                         colSpan = rowColSpan;\r
 909 \r
 910                                                 lastRowSpan = -1;\r
 911                                         }\r
 912 \r
 913                                         // Validate vertical and get total rowspan\r
 914                                         var lastColSpan = -1;\r
 915                                         for (var x=0; x<rows[0].length; x++) {\r
 916                                                 var colRowSpan = 0;\r
 917 \r
 918                                                 for (var y=0; y<rows.length; y++) {\r
 919                                                         var sd = getColRowSpan(rows[y][x]);\r
 920 \r
 921                                                         colRowSpan += sd['rowspan'];\r
 922 \r
 923                                                         if (lastColSpan != -1 && sd['colspan'] != lastColSpan) {\r
 924                                                                 alert("Invalid selection for merge.");\r
 925                                                                 return true;\r
 926                                                         }\r
 927 \r
 928                                                         lastColSpan = sd['colspan'];\r
 929                                                 }\r
 930 \r
 931                                                 if (colRowSpan > rowSpan)\r
 932                                                         rowSpan = colRowSpan;\r
 933 \r
 934                                                 lastColSpan = -1;\r
 935                                         }\r
 936 \r
 937                                         // Setup td\r
 938                                         tdElm = rows[0][0];\r
 939                                         tdElm.rowSpan = rowSpan;\r
 940                                         tdElm.colSpan = colSpan;\r
 941 \r
 942                                         // Merge cells\r
 943                                         for (var y=0; y<rows.length; y++) {\r
 944                                                 for (var x=0; x<rows[y].length; x++) {\r
 945                                                         var html = rows[y][x].innerHTML;\r
 946                                                         var chk = tinyMCE.regexpReplace(html, "[ \t\r\n]", "");\r
 947 \r
 948                                                         if (chk != "<br/>" && chk != "<br>" && chk != "&nbsp;" && (x+y > 0))\r
 949                                                                 tdElm.innerHTML += html;\r
 950 \r
 951                                                         // Not current cell\r
 952                                                         if (rows[y][x] != tdElm && !rows[y][x]._deleted) {\r
 953                                                                 var cpos = getCellPos(grid, rows[y][x]);\r
 954                                                                 var tr = rows[y][x].parentNode;\r
 955 \r
 956                                                                 tr.removeChild(rows[y][x]);\r
 957                                                                 rows[y][x]._deleted = true;\r
 958 \r
 959                                                                 // Empty TR, remove it\r
 960                                                                 if (!tr.hasChildNodes()) {\r
 961                                                                         tr.parentNode.removeChild(tr);\r
 962 \r
 963                                                                         var lastCell = null;\r
 964                                                                         for (var x=0; cellElm = getCell(grid, cpos.rowindex, x); x++) {\r
 965                                                                                 if (cellElm != lastCell && cellElm.rowSpan > 1)\r
 966                                                                                         cellElm.rowSpan--;\r
 967 \r
 968                                                                                 lastCell = cellElm;\r
 969                                                                         }\r
 970 \r
 971                                                                         if (tdElm.rowSpan > 1)\r
 972                                                                                 tdElm.rowSpan--;\r
 973                                                                 }\r
 974                                                         }\r
 975                                                 }\r
 976                                         }\r
 977 \r
 978                                         break;\r
 979                                 }\r
 980 \r
 981                                 tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");\r
 982                                 tinyMCE.handleVisualAid(tableElm, true, tinyMCE.settings['visual'], tinyMCE.selectedInstance);\r
 983                                 tinyMCE.triggerNodeChange();\r
 984                                 inst.repaint();\r
 985                         }\r
 986 \r
 987                 return true;\r
 988         }\r
 989 \r
 990         // Pass to next handler in chain\r
 991         return false;\r
 992 }\r
 993 \r
 994 function TinyMCE_table_handleNodeChange(editor_id, node, undo_index, undo_levels, visual_aid, any_selection) {\r
 995         var colspan = "1", rowspan = "1";\r
 996 \r
 997         var inst = tinyMCE.getInstanceById(editor_id);\r
 998 \r
 999         // Reset table controls\r
1000         tinyMCE.switchClassSticky(editor_id + '_table', 'mceButtonNormal');\r
1001         tinyMCE.switchClassSticky(editor_id + '_row_props', 'mceButtonDisabled', true);\r
1002         tinyMCE.switchClassSticky(editor_id + '_cell_props', 'mceButtonDisabled', true);\r
1003         tinyMCE.switchClassSticky(editor_id + '_row_before', 'mceButtonDisabled', true);\r
1004         tinyMCE.switchClassSticky(editor_id + '_row_after', 'mceButtonDisabled', true);\r
1005         tinyMCE.switchClassSticky(editor_id + '_delete_row', 'mceButtonDisabled', true);\r
1006         tinyMCE.switchClassSticky(editor_id + '_col_before', 'mceButtonDisabled', true);\r
1007         tinyMCE.switchClassSticky(editor_id + '_col_after', 'mceButtonDisabled', true);\r
1008         tinyMCE.switchClassSticky(editor_id + '_delete_col', 'mceButtonDisabled', true);\r
1009         tinyMCE.switchClassSticky(editor_id + '_split_cells', 'mceButtonDisabled', true);\r
1010         tinyMCE.switchClassSticky(editor_id + '_merge_cells', 'mceButtonDisabled', true);\r
1011 \r
1012         // Within a tr element\r
1013         if (tinyMCE.getParentElement(node, "tr"))\r
1014                 tinyMCE.switchClassSticky(editor_id + '_row_props', 'mceButtonSelected', false);\r
1015 \r
1016         // Within a td element\r
1017         if (tdElm = tinyMCE.getParentElement(node, "td,th")) {\r
1018                 tinyMCE.switchClassSticky(editor_id + '_cell_props', 'mceButtonSelected', false);\r
1019                 tinyMCE.switchClassSticky(editor_id + '_row_before', 'mceButtonNormal', false);\r
1020                 tinyMCE.switchClassSticky(editor_id + '_row_after', 'mceButtonNormal', false);\r
1021                 tinyMCE.switchClassSticky(editor_id + '_delete_row', 'mceButtonNormal', false);\r
1022                 tinyMCE.switchClassSticky(editor_id + '_col_before', 'mceButtonNormal', false);\r
1023                 tinyMCE.switchClassSticky(editor_id + '_col_after', 'mceButtonNormal', false);\r
1024                 tinyMCE.switchClassSticky(editor_id + '_delete_col', 'mceButtonNormal', false);\r
1025 \r
1026                 colspan = tinyMCE.getAttrib(tdElm, "colspan");\r
1027                 rowspan = tinyMCE.getAttrib(tdElm, "rowspan");\r
1028 \r
1029                 colspan = colspan == "" ? "1" : colspan;\r
1030                 rowspan = rowspan == "" ? "1" : rowspan;\r
1031 \r
1032                 if (colspan != "1" || rowspan != "1")\r
1033                         tinyMCE.switchClassSticky(editor_id + '_split_cells', 'mceButtonNormal', false);\r
1034         }\r
1035 \r
1036         // Within table\r
1037         if (tinyMCE.getParentElement(node, "table")) {\r
1038                 tinyMCE.switchClassSticky(editor_id + '_table', 'mceButtonSelected');\r
1039                 tinyMCE.switchClassSticky(editor_id + '_merge_cells', 'mceButtonNormal', false);\r
1040         }\r
1041 }\r