1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Plugin: table</title>
<link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<h1>Plugin: table</h1>
</div>
<div class="content">
<p>
This plugin adds table management functionality to TinyMCE.
</p>
<p>
<table border="1" cellspacing="0" cellpadding="4">
<thead><td colspan="2">Table controls/buttons</td></thead>
<tbody>
<tr><td><strong>tablecontrols</strong></td><td>All table control below and some separators between them.</td></tr>
<tr><td><strong>table</strong></td><td>Insert table control.</td></tr>
<tr><td><strong>row_props</strong></td><td>Edit row properties (tr).</td></tr>
<tr><td><strong>cell_props</strong></td><td>Edit cell properties (td).</td></tr>
<tr><td><strong>delete_col</strong></td><td>Delete column control.</td></tr>
<tr><td><strong>delete_row</strong></td><td>Delete row control.</td></tr>
<tr><td><strong>delete_table</strong></td><td>Delete table control.</td></tr>
<tr><td><strong>col_after</strong></td><td>Column after control.</td></tr>
<tr><td><strong>col_before</strong></td><td>Column before control.</td></tr>
<tr><td><strong>row_after</strong></td><td>Row after control.</td></tr>
<tr><td><strong>row_before</strong></td><td>Row before control.</td></tr>
<tr><td><strong>row_after</strong></td><td>Row after control.</td></tr>
<tr><td><strong>row_before</strong></td><td>Row before control.</td></tr>
<tr><td><strong>split_cells</strong></td><td>Splits a merged cell into rows and columns.</td></tr>
<tr><td><strong>merge_cells</strong></td><td>Mergers selected cells into one cell.</td></tr>
</tbody>
</table>
</p>
<p>
<table border="1" cellspacing="0" cellpadding="4">
<thead><td colspan="2">Table commands to use with execCommand</td></thead>
<tbody>
<tr><td><strong>mceInsertTable</strong></td><td>Inserts a new table at cursor location the default size is 2x2. If the value parameter is specified it should contain a name/value array, this array has the following options cols, rows, border, cellspacing, cellpadding. The default border is set to: 0.</td></tr>
<tr><td><strong>mceTableInsertRowBefore</strong></td><td>Inserts a row before/above the current cursor location.</td></tr>
<tr><td><strong>mceTableInsertRowAfter</strong></td><td>Inserts a row after/under the current cursor location.</td></tr>
<tr><td><strong>mceTableDeleteRow</strong></td><td>Deletes the row at the current cursor location.</td></tr>
<tr><td><strong>mceTableInsertColBefore</strong></td><td>Inserts a column before the current cursor location.</td></tr>
<tr><td><strong>mceTableInsertColAfter</strong></td><td>Inserts a column after the current cursor location.</td></tr>
<tr><td><strong>mceTableDeleteCol</strong></td><td>Deletes the column at the current cursor location.</td></tr>
<tr><td><strong>mceTableDelete</strong></td><td>Deletes the table at the current cursor location.</td></tr>
</tbody>
</table>
</p>
<p>
<table border="1" cellspacing="0" cellpadding="4">
<thead><td colspan="2">Options</td></thead>
<tbody>
<tr><td><strong>table_styles</strong></td><td>This option should contain a semicolon separated list of class titles and class names separated by =. The titles are the ones that get presented to the user in the styles drop down list and and the class names is the classes that gets inserted.</td></tr>
<tr><td><strong>table_cell_styles</strong></td><td>This option should contain a semicolon separated list of class titles and class names separated by =. The titles are the ones that get presented to the user in the styles drop down list and and the class names is the classes that gets inserted.</td></tr>
<tr><td><strong>table_row_styles</strong></td><td>This option should contain a semicolon separated list of class titles and class names separated by =. The titles are the ones that get presented to the user in the styles drop down list and and the class names is the classes that gets inserted.</td></tr>
<tr><td><strong>table_cell_limit</strong></td><td>Enables you to specify the max number of cells for a table.</td></tr>
<tr><td><strong>table_row_limit</strong></td><td>Enables you to specify the max number of rows for a table.</td></tr>
<tr><td><strong>table_col_limit</strong></td><td>Enables you to specify the max number of columns for a table.</td></tr>
<tr><td><strong>table_default_border</strong></td><td>Enables you to specify the default border value.</td></tr>
<tr><td><strong>table_default_cellpadding</strong></td><td>Enables you to specify the default cellpadding value.</td></tr>
<tr><td><strong>table_default_cellspacing</strong></td><td>Enables you to specify the default cellspacing value.</td></tr>
</tbody>
</table>
<br />
</p>
<h3>Installation Instructions</h3>
<p>
<ul>
<li>Add plugin to TinyMCE plugin option list example: plugins : "directionality".</li>
<li>Add the ltr, rtl button names to button list, example: theme_advanced_buttons3_add : "ltr,rtl".</li>
</ul>
</p>
<h3>Initialization Example</h3>
<p>
<div class="example">
<pre>
tinyMCE.init({
theme : "advanced",
mode : "textareas",
plugins : "<strong>table</strong>",
theme_advanced_buttons3_add : "<strong>tablecontrols</strong>",
table_styles : "Header 1=header1;Header 2=header2;Header 3=header3",
table_cell_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Cell=tableCel1",
table_row_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1",
table_cell_limit : 100,
table_row_limit : 5,
table_col_limit : 5
});</pre>
</div>
</p>
</div>
<div class="footer">
<div class="helpindexlink"><a href="index.html">Index</a></div>
<div class="copyright">Copyright © 2003-2006 <a href="http://www.moxiecode.com">Moxiecode Systems AB</a></div>
<br style="clear: both" />
</div>
</body>
</html>
|
