<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<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>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>
</tbody>
</table>
</p>
<p>
<table border="1" cellspacing="0" cellpadding="4">
<thead><td colspan="2">Options</td></thead>
<tbody>
<tr><td><strong>table_color_fields</strong></td><td>If set to true, tables dialogs will have color fields.</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_color_fields : true
});</pre>
</div>
</p>
</div>
<div class="footer">
<div class="helpindexlink"><a href="index.html">Index</a></div>
<div class="copyright">Copyright © 2005 Moxiecode Systems AB</div>
<br style="clear: both" />
</div>
</body>
</html>