Experimental project

This is a sandbox project, which contains experimental code for developer use only.

WYSIWYG Flex Table module is a simple plugin that adds the ability to include a button in your WYSIWYG toolbar that inserts a responsive table that content editors can use without needing to mess with the editor's source code.

In order to use this module, you need to have the following dependencies:

Installation/Configuration:

  • Install as usual, see http://drupal.org/node/895232 for further information.
  • After installing, go to admin/config/content/wysiwyg and edit the WYSIWYG profile that you want to add the button to. Under Buttons and Plugins click the checkbox next to Flex Container

What's needed before a real release?

  • CKE v3 doesn't seem to support adding an external stylesheet or using contentCss functions. At the moment it's not overly clear where the outlines are in the flex-col's so editors can see where they should be editing.
  • Needs more inline styling or an external stylesheet to style it after saving (as well as a basic look during editing as stated above).
  • The ability to set options such as padding and also at the moment the column width will always be evenly set so there should also be the ability to set something similar to colspans. Perhaps something that takes the total columns, divides them out to find some options, then present them like 1/4, 2/4, 3/4, 4/4 or something.
  • Major - Switching between Source and back to WYSIWYG within the editor causes styling to be loss and any other WYSIWYG Flex Tables that are added are not added correctly (incorrect row/column count, width, no style). Saving the node and adding the WYSIWYG Flex Table again will work fine, but again if you switch to Source and back it will break.
  • Minor - This is optional, since you can just add another WYSIWYG Flex Table using the button if you need more, but the ability to include a right-click option and add more rows/columns before or after the original insertion.
  • Minor - This is optional, Add ability to delete columns or rows. (this can be done by simply clicking back/delete but could be nice to add to the context menu a delete row/column option)

Related Module

The following module by Kquat is similar but depends on the CKEditor module instead of the WYSIWYG module.

Project information