TinyMCE adding Table support

Hi,

I’ve read through a ton of forum posts, but haven’t found any mention of this, so here goes:

Does anyone know how to add the "Table" plugin for TinyMCE to the version in MODx?

I have some tabular data on a site that my client wants to update. Personally, I use HTML view to make changes, but that won’t work for my client. There is a "Table" plugin for TinyMCE, but I don’t know where it goes or how to enable it.

I’ve found a line:

plugins : "{$tinymce_plugins}",

in the TinyMCE plugin via the Manage Resources area in the Manager. Is there a way to change the value of $tinymce_plugins using the Manager area, and will that enable the plugin?

Thanks for any help you can provide!

Kevin.

TinyMCE Configuration has changed quite a few times throughout my experience with the MODx plugin, so here’s a couple places you can look:

• The Plugin "Configuration" tab, there will be a list of parameters you can edit. If you don’t see anything there, see next bullet.
• The MODx Configuration (Tools -> Configuration), under the "Interface & features" tab, at the bottom you will see "TinyMCE Configuration"

Simply add the ’table’ plugin to the list already there.
Good luck!

Also, there’s more on the wiki regarding the use of plugins and buttons: http://wiki.modxcms.com/index.php/TinyMCE

Keep in mind that you have to use the Custom theme to assign buttons and plugins.

Jeff

Hi again,

Thanks for the tips. I was actually able to get the Table features added to TinyMCE with little trouble. I went to Resources -> Manage Resources -> Plugins -> TinyMCE -> Configuration, switched the Web Theme from Advanced to Full. Then I switched the version that my client sees when he logs into the Management console from Advanced to Full.

Finally, as Full provides way more features than I want to have to explain to my client (or than I want him to be able to play with), I just removed some of the more obscure Button Row Values from the above mentioned Configuration page, and everything was good to go!

Hope that info helps others looking to add table editing support.

Thanks again for your help. You guys help make the Modx forums great!

Kevin.

Hm... Here am I searching for ability to edit tables from TinyMCE.

Actually I do this in HTML, but my client don’t understand a thing there, so...
I ’ve searched in official TinyMCE forum and found nothing.

Here I can see some words abt switching the Web Theme from Advanced to Full... I go there and see the list: simple, advanced, editor, custom. I was simple then. Tried to swift to every one else - nothing helps...

I do not see in TinyMCE a thing concerning to a table editing...

I’ve got a 2.1.2 version. What should I do, brothers?

Quote from: alekz at Aug 25, 2008, 07:32 AM

Hm... Here am I searching for ability to edit tables from TinyMCE.

Actually I do this in HTML, but my client don’t understand a thing there, so...
I ’ve searched in official TinyMCE forum and found nothing.

Here I can see some words abt switching the Web Theme from Advanced to Full... I go there and see the list: simple, advanced, editor, custom. I was simple then. Tried to swift to every one else - nothing helps...

I do not see in TinyMCE a thing concerning to a table editing...

I’ve got a 2.1.2 version. What should I do, brothers?

Upgrade to the latest 3.x version (http://modxcms.com/TinyMCE-498.html). Version 2.1.2 isn’t going to do it for you.

Sorry for bumping this topic but I think this could be usefull for other TinyMCE fans here:

To make your TinyMCE has as much options as in this example:
http://tinymce.moxiecode.com/examples/full.php

Do the following:

1 Go to Tools => Configuration => Interface & Features
2 Scroll down to TinyMCE settings
3 Select theme: custom
4 Put the following in:
Plugins:
safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager
Buttons Row 1:
save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect
Buttons Row 2:
cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor
Buttons Row 3:
tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen
Buttons Row 4:
insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage

Now it’s almost extended as word

Do the following:

1 Go to Tools => Configuration => Interface & Features
2 Scroll down to TinyMCE settings
3 Select theme: custom
4 Put the following in:
Plugins:
safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager
Buttons Row 1:
save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect
Buttons Row 2:
cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor
Buttons Row 3:
tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen
Buttons Row 4:
insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage

The above is exactly what i’ve been doing ... BUT ... when i’m using TinyMCE v3.2.4.1 & Evolution v1.0.0 i simply get spaces where the buttons should be!!!

Any ideas

Quote from: unclespencer at Sep 16, 2009, 04:37 PM

Do the following:

1 Go to Tools => Configuration => Interface & Features
2 Scroll down to TinyMCE settings
3 Select theme: custom
4 Put the following in:
Plugins:
safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager
Buttons Row 1:
save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect
Buttons Row 2:
cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor
Buttons Row 3:
tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen
Buttons Row 4:
insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage

The above is exactly what i’ve been doing ... BUT ... when i’m using TinyMCE v3.2.4.1 & Evolution v1.0.0 i simply get spaces where the buttons should be!!!

Any ideas

My mistake I had actually written "tables" rather than "table" in the plugins ... DOH!!!!

Glad to hear you got it working as well now