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