这个插件为 TinyMCE 增加表格管理功能。
| 表格控制按钮 | |
| tablecontrols | 下列所有的控制按钮以及中间的分隔符。 |
| table | 插入表格。 |
| row_props | 编辑行属性。 |
| cell_props | 编辑单元格属性。 |
| delete_col | 删除列。 |
| delete_row | 删除行。 |
| col_after | 向后插入一列。 |
| col_before | 向前插入一列。 |
| row_after | 向后插入一行。 |
| row_before | 向前插入一行。 |
| split_cells | 分割单元格为行和列。 |
| merge_cells | 合并所选的单元格。 |
| 用 execCommand 执行的表格命令。 | |
| mceInsertTable | 在焦点所在处插入一个新的默认2×2的表格,如果参数值被指定,那么它应该包含一个名/值数组,这个数组有下列选项:cols, rows, border, cellspacing, cellpadding。默认边框粗细为0。 |
| mceTableInsertRowBefore | 在当前焦点前面插入一行。 |
| mceTableInsertRowAfter | 在当前焦点后面插入一行。 |
| mceTableDeleteRow | 删除焦点所在的行。 |
| mceTableInsertColBefore | 在当前焦点前面插入一列。 |
| mceTableInsertColAfter | 在当前焦点后面插入一列。 |
| mceTableDeleteCol | 珊瑚焦点所在的列。 |
| 选项 | |
| table_styles | 这个选项应当包含一个以分号";"间隔的列表,内容是用"="连接的class title 与class names对。titles 是显示给用户的样式下拉列表中的选项,而 names 是插入的 classes 。 |
| table_cell_styles | 同上。 |
| table_row_styles | 同上。 |
安装说明
- 在 TinyMCE 插件选项列表中加入插件,例如: plugins : "directionality"。
- 在按钮列表中加入按钮名。例如:theme_advanced_buttons3_add : "table"。
初始化示例
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"
});