Table functions in the TinyMCE editor The TinyMCE version 4 editor uses menus and menu selections to create and edit tables. Table 1. TinyMCE version 4 editor UI element Action Figure 1. Table menu Click the table icon () to access the TinyMCE version 4 table menu. Use the table menu to: Insert or delete a table Modify table properties Add, move, or delete rows and columns Modify row and column properties Split and merge cells Figure 2. Table insert grid To insert a table in the HTML field, click Insert table and highlight squares in the grid to represent the desired number of rows and columns. Click the last highlighted square to insert the table. After you insert the table, you can modify the size by clicking and dragging the handles at the table edges. Figure 3. Table properties From the table menu, click Table properties to open the Table properties dialog box. From this box you can take any of the following actions. General tab: Set table width and height Set cell spacing and padding Enable borders and captions Set the table alignment Advanced tab: Configure the table style Select the border color Select the background color Figure 4. Cell properties With the cursor in the desired table cell, open the table menu and click Cell properties. From this box you can set the following properties for table cells. General tab: Width and height Type and scope Horizontal and vertical alignment Advanced tab Configure the cell style Select the border color Select the background color Figure 5. Row properties With the cursor in a table cell in the desired row, open the table menu and click Row properties. From this box you can set the following properties for rows. Row type Alignment Height Advanced tab Configure the row style Select the border color Select the background color You can also paste tables into HTML fields from table-based editors.
Table functions in the TinyMCE editor The TinyMCE version 4 editor uses menus and menu selections to create and edit tables. Table 1. TinyMCE version 4 editor UI element Action Figure 1. Table menu Click the table icon () to access the TinyMCE version 4 table menu. Use the table menu to: Insert or delete a table Modify table properties Add, move, or delete rows and columns Modify row and column properties Split and merge cells Figure 2. Table insert grid To insert a table in the HTML field, click Insert table and highlight squares in the grid to represent the desired number of rows and columns. Click the last highlighted square to insert the table. After you insert the table, you can modify the size by clicking and dragging the handles at the table edges. Figure 3. Table properties From the table menu, click Table properties to open the Table properties dialog box. From this box you can take any of the following actions. General tab: Set table width and height Set cell spacing and padding Enable borders and captions Set the table alignment Advanced tab: Configure the table style Select the border color Select the background color Figure 4. Cell properties With the cursor in the desired table cell, open the table menu and click Cell properties. From this box you can set the following properties for table cells. General tab: Width and height Type and scope Horizontal and vertical alignment Advanced tab Configure the cell style Select the border color Select the background color Figure 5. Row properties With the cursor in a table cell in the desired row, open the table menu and click Row properties. From this box you can set the following properties for rows. Row type Alignment Height Advanced tab Configure the row style Select the border color Select the background color You can also paste tables into HTML fields from table-based editors.
