We've been beta testing our new implementation of YUI's Rich Text Editor in DoodleKit and almost instantly we received complaints of the missing Table Editor. So I made one.
It's pretty basic so far and uses the "Insert then Edit" pattern that's already used in existing YUI RTE components. You can edit table properties like width and border, and there's a context menu for inserting and removing rows and columns.
Check out an example here
I've put it up on GitHub, and installing it is super easy.
- Copy table-editor.js, table-editor.css and table-editor.png to your desired locations.
- Include the table-editor.js and table-editor.css in your HTML.
- Modify table-editor.css to point to table-editor.png
After your Editor has been instantiated, initialize the table editor.
- Add a button with a value of 'inserttable' to your toolbar.
You can check out the table-editor.html file for example usage.
YUI RTE Table Editor on GitHub