New table plugin

February 1st, 2010 by Spocke

The new 3.3 release of TinyMCE comes with a new and improved table plugin. This new version enables you to select table cells and columns and perform table operations on them. The table selection is not limited to only table operations, you can also apply text formatting to the cells just like any other selection.

This is a complete rewrite of the previous plugin to reduce it’s size and improve it’s functionality. Table cell selection is possible in Gecko based browsers but we wanted to provide this feature to all browsers so it uses a special trick where it adds an internal class called “mceSelected” to each table cell in the selection. This enables you to override the look and feel of the selection to match your editors CSS.

There is still more things that could be added to the table plugin if you have interesting ideas for features or any other feedback feel free to drop us a message.

Posted in Development

7 Responses

1. tan Says:
   

   Hi

   First, the new table selection stuff works really well. I like it!

   Here is an idea for a feature:

   Insert table using a grid (as seen in many word processing packages).

   See the first technique shown in this video for a description:

   http://www.youtube.com/watch?v=PAV9uJpziEo#t=00m45s

   Best regards,

   Thomas A.

   February 1st, 2010 at 19:18
2. Spocke Says:
   

   I’ve seen a third party plugin that does this. I could be quite useful, makes it a lot easier to create tables. I will consider this for future versions or possible merge in that third party plugin.

   February 1st, 2010 at 19:51
3. tan Says:
   

   I did write such a plug-in,

   http://sourceforge.net/tracker/?func=detail&aid=2720008&group_id=103281&atid=738747

   The project is a bit abandoned and the code needs some brushing.

   I guess should get up to speed with GIT, create a fork and then I’ll see what happens

   best regards,
   Thomas A.

   February 1st, 2010 at 22:37
4. Spocke Says:
   

   Would be neat if you forked it. Not been that much active forks yet of the TinyMCE project.

   February 1st, 2010 at 23:53
5. tan Says:
   

   Done! Right now the code is a biy ugly, but I will start re-factoring it as soon as I got the time.

   February 3rd, 2010 at 20:01
6. Spocke Says:
   

   Yes, I followed your progress on GitHub. Will continue to do so and feel free to send me a pull request later on.

   February 3rd, 2010 at 22:48
7. James Says:
   

   in my website i have ibrowser, when i insert a picture, the ibrowser window pops up, there are radio buttons to select image sizes, original, 640, 120 etc, the original is selected by default, how do i make it default to 640 instead of original, as the pics that are being posted are to large, James

   February 17th, 2010 at 19:13