Adding table controls and support to TinyMCE in WordPress

One thing wordpress has always lacked is the ability to handle tabular data. This is not because it can’t handle it, after all it’s only HTML, but the problem is that by default the setup does NOT include tablecontrols in it’s TinyMCE setup.

Here’s what you need to do to get table controls added into WordPress’s TinyMCE…

  1. Check your TinyMCE plugins to see if you have table support, they are found at “wp-includes/js/tinymce/plugins/tables/”, if you don’t…
    1. Download TinyMCE, to know which version to download, open /wp-includes/js/tinymce/tiny_mce.js and check this.majorVersion (it should say “2”).
    2. Visit the TinyMCE download site, and download the latest of the appropriate major version. (tinymce_2_1_3.zip)
    3. Extract the .zip and go to “tinymce\jscripts\tiny_mce\plugins\”, upload the “table” directory to “wp-includes/js/tinymce/plugins/”.
  2. Edit “wp-includes/js/tinymce/tiny_mce_config.php”
    1. FIND $plugins = array(‘inlinepopups’, ‘autosave’, ‘spellchecker’, ‘paste’, ‘wordpress’);
    2. UNDER ADD $plugins[]=’table’;
    3. FIND “, ‘wp_adv_end'” INLINE REPLACE WITH ” , ‘tablecontrols’, ‘wp_adv_end'”

Once this is done, login to the admin area, go to write or manage a post or page, you will find that in the visual editor there’s a button on the right, which if you hover your mouse over is entitled advanced options, clicks this and you will then be faced with another row, which contains the new table controls.

Enjoy!