MCE Table Buttons

Adds table editing controls to a third row in the WordPress editor.

Adds table editing controls to the visual content editor (TinyMCE).

A light weight plug-in that adds the table editing controls from the full version of TinyMCE, optimized for WordPress. Note that this may not work in conjunction with other plug-ins that significantly alter or replace the visual editor’s default behavior.

Note that the table controls are contained in the “kitchen sink” toolbar, toggled with the last button on the first row of controls.

The editor with the new table editing controls in WordPress 3.9 or newer.

The editor with the new table editing controls in WordPress 3.4 through 3.8.

  • Rating
  • Requires 3.4+
  • Downloads 419,415
  • Updated 2014-08-24
  1. Hello. Is there away to create cells that span multiple columns using your plugin? I have a client who is using tables to create restaurant menus, and every other row has a different number of cells (alternating 1 cell, 3 cells). Currently, when they try to add a column, it adds it for every row.

  2. Love the plugin, really clean, but I have one question.

    When you go to insert table and you see the Class option — Not set — , is there a way to add classes in here? This would be really valuable allowing the user to insert different kinds of tables.

  3. I found that the “MCE Table Buttons” plug-in doesn’t display if the “TinyMCE Advanced” plug-in is also installed and activated.

    • Correct. This plug-in is meant to extend to the default editor. To my knowledge, TinyMCE Advanced already includes some table editing choices.

  4. hi whats the Code for the Insert Row and insert column buttons? i’d like to add a button on the page where it adds colums and rows…

  5. Jake,

    I’m about to beat my head against a “BRICK” wall! When I setup a table with 1 row, 2 columns and put a graphic in the right column with corresponding text in the left side, I cannot get both columns to valign top. The text in the left column keeps getting pushed down below the graphic in the right column…HELP!!!!!

    Jeff

    • Hey Jeff – this sounds like it’s probably a CSS issue within the theme. I’ll take a look, but keep in mind that I don’t write all the JS for the actual table editor – that comes directly from the TinyMCE open source project that WordPress uses for its editor (but omits the table code).

    • Im pretty ;ate on this, but recently had exact same issue. The reason was vertical-align: baseline causing problem for tr, td, table tags.

      You’ll probably find that in the reset stylsheet, if you have any or in the main stylesheet.

  6. Love your plugin but is there a way to stop it removing tags from the table?

    • that was meant to say br or p tags..

  7. Nice plug-in but wordpress ignore padding and space commands. I made a nice tabel in the editor with colors, padding and space, but the result on the web is only colors. When I switch over to compatibility mode, de padding and space are there! It is independent of the theme that I use. Any suggestions?

  8. It´s possible to grant permission to editors use the plugin, and not only admins?

    • All users with access to the visual editor should see the buttons.

      • Ok. I just realised the visual editor is not showing the third row…

  9. Overal we are very happy with this plugin. Only flaw is that on an iPad it is impossible to edit text in an existing cell. I can delete text, but not add new text. For my client this is a major problem, because she cannot work in html editor. Is there à way to solve this?

    • iPad optimization isn’t high on the priority list, but it’s now on the list. :-)

  10. Tables were working fine until I “upgraded” to WordPress 3.5.1. Not I can’t edit a table; I can only insert, which is a bit disastrous.

    • OK to cancel this. It started working again when my son updated ALL the plugins.

  11. Really liked your theme and your plugins!

    • Thanks!

      • how to remove extra blank spaces () at above table?????

  12. Hi Jake, Is there a max number of rows? I have an issue where sorting alphabetically restarts at a certain point.
    -Thanks

    • No coded limit, no.

  13. I use a theme which has an extra row in the kitchen sink. MCE Table Buttons is being added at the same row. How hard is it to make MCE Table Buttons to be in own row?

    • Not hard, but it would require forking the code. Maybe a filter in the next version…

  14. Hi,

    I have installed and activated the plugin but it still same. Please see the screenshot: http://awesomescreenshot.com/09b183l331

    Do I need to activate any other option??

    Thanks

    • See that last button? That’s the kitchen sink button – click it to show extra toolbars, including tables!

  15. Any idea why cell border, cell padding, and cell spacing are not working on any of my sites? Is there something I need to do?

    • Probably a reset CSS stylesheet in your theme… Not much you can do about that, short of adding your own styles.

  16. the plugin is great. however, my client have list of product like 20+ column per row and over 1k row of items to list in. it cannot support.

    it shows “413 Request Entity Too Large” page

    please help ? thank you.

    • I’m guessing that’s WordPress rejecting the size of your content, not anything particular to the plug-in. You should probably rethink your approach here.. perhaps those items should be custom post types, which the theme generates in a table, rather than maintained in one HUGE table?

  17. Hi. Thanks for the great plugin.
    I use wp_editor to add a custom wysiwyg editor. How can I enable table buttons on that editor too ?
    My add meta box code is this :

    $values = get_post_custom( $post->ID );
    $specifications = isset( $values[‘bikes_meta_box_specifications’] ) ? ( $values[‘bikes_meta_box_specifications’][0] ) : ”;
    wp_editor($specifications,’bikes_meta_box_specifications’);

    • It should add itself to any full instance of wp_editor automatically. Just open up the kitchen sink (the last button in the first row, typically).

  18. Hey mate, thanks for the great plugin! I have one problem, though. I want the table to not show his borders on my page. Tried with border: 0px and color #fff, but it still shows. Can you help me with this?

  19. Can I remove the horizontal lines?

    • What horizontal lines?

  20. Hi,
    Since a few days I´ve got big problems when I edit my WP sites, where I use MCE Table Buttons. It´s a great plugin, I just love it, but suddenly the cursor does not stay where I put it, so it´s almost impossible to create new table rows. Even worse, is the situation when I select a Word or a line of text to create a link. Then the selection moves around and multiple table rows, or even the entire table is marked blue. This soon drives me crazy! I know it’s MCE Table Buttons causing the problem, because if I disable the plugin, everything works normally in edit mode. But I really need my tables, I have lots of lists on my WP site, which need to be in tables to look neat. Please, help!

Leave a Comment

Finely crafted websites & tools that make the web better.