I didn’t find this at all easy to figure out, so I’m posting this mini tute in the hope it will help others avoid the cursing and headaches I endured.
1: Open attached screenshot.
2: As per screenshot go to
Tools - Configuration - Interface & Features.
Scroll down till you get to the
Enable Editor Settings. Select
Yes and
TinyMCE as per screenshot.
For Theme select "
Custom"
3: In the "
Custom Plugins" field paste in the following list:
(These are not wordwrapped, sorry, so make sure you get the entire line.)
safari,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
Delete any that you don’t want.
4: In the
Custom Buttons fields rows 1 - 4 paste the following lists, one per row.
save,newdocument,,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect
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
tablecontrols,hr,removeformat,visualaid,sub,sup,charmap,emotions,iespell,media,advhr,print,ltr,rtl,fullscreen
insertlayer,moveforward,movebackward,absolute,styleprops,cite,abbr,acronym,del,ins,attribs,,visualchars,nonbreaking,template,pagebreak
Again, delete any that you obviously don’t want.
I’m not sure if this is the complete list or where to get one that’s actually laid out as a comma separated list, (somebody tell me if there’s more and where to get it.).
(Check my list and your cut and paste for obvious typos.)
(PS Note to MODx Gods: Sometimes these fields are a bit tiny. A larger viewing area would be nice.)
5: Save your settings and open a document for editing. You should see four rows of lots of buttons. (To see what it should look like you should already have an example html file in your exisiting modx set up in /assets/plugins/tinymce/examples/full.html
That’s it.
Notes on things that might confuse you.
In
Resources - Manage Resources - Plugins- TinyMce there are also
Configuration options which supposedly offer you the same settings for the four rows of buttons. When I tried these it made no difference, so I eventually left them blank and I still get all the buttons in TinyMCE.
In other words, I ignored these settings. It’s up to you.
Anyway, hope this helps.
☆ A M B ☆