This plugin adds table management functionality to TinyMCE.
Table controls/buttons | |
tablecontrols | All table control below and some separators between them. |
table | Insert table control. |
row_props | Edit row properties (tr). |
cell_props | Edit cell properties (td). |
delete_col | Delete column control. |
delete_row | Delete row control. |
col_after | Column after control. |
col_before | Column before control. |
row_after | Row after control. |
row_before | Row before control. |
row_after | Row after control. |
row_before | Row before control. |
split_cells | Splits a merged cell into rows and columns. |
merge_cells | Mergers selected cells into one cell. |
Table commands to use with execCommand | |
mceInsertTable | 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. |
mceTableInsertRowBefore | Inserts a row before/above the current cursor location. |
mceTableInsertRowAfter | Inserts a row after/under the current cursor location. |
mceTableDeleteRow | Deletes the row at the current cursor location. |
mceTableInsertColBefore | Inserts a column before the current cursor location. |
mceTableInsertColAfter | Inserts a column after the current cursor location. |
mceTableDeleteCol | Deletes the column at the current cursor location. |
Options | |
table_styles | 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. |
table_cell_styles | 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. |
table_row_styles | 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. |
table_cell_limit | Enables you to specify the max number of cells for a table. |
table_row_limit | Enables you to specify the max number of rows for a table. |
table_col_limit | Enables you to specify the max number of columns for a table. |
Installation Instructions
- Add plugin to TinyMCE plugin option list example: plugins : "directionality".
- Add the ltr, rtl button names to button list, example: theme_advanced_buttons3_add : "ltr,rtl".
Initialization Example
tinyMCE.init({ theme : "advanced", mode : "textareas", plugins : "table", theme_advanced_buttons3_add : "tablecontrols", 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 });