Using Tinymce to change font and link colours?

140 Posts

jaykaye Reply #1, 14 years, 7 months ago

I've successfully installed Revo 2.2.0pl and building my first site starting with having created two templates that the site will use. I've installed Tinymce, but notice in RTE editor mode, there doesn't appear to be an icon inside the Tinymce editor to change say the colour of any given text, or to do the same with say links.. Is this possible? It's a very basic requiremement but something i know my end user clients will want to be able to do when editing the content of their website. Any suggestions would be very appreciated.

1,098 Posts

microcipcip Reply #2, 14 years, 7 months ago

Go to "System > System Settings" and search "tiny.custom_buttons1", then in the "value" column add "forecolor" somewhere in the list.

I think you also need to select "custom" in the "tiny.editor_theme" setting.

Jertix.org -> Web Design & Development, Motion Graphics | Follow me on Twitter | MODx Tutorials (in Italiano) | MODx Snippets (English)

140 Posts

jaykaye Reply #3, 14 years, 7 months ago

That seems to have worked a treat. Thanks! It seems odd that the modx version of tinymce doesn't include all the icons and functionality of the version which is displayed as a demo on their own tinymce website. Is there a reference point to those extra custom lines available in tinymce like the one you have just provided?

140 Posts

jaykaye Reply #4, 14 years, 7 months ago

For example, adding tables as well. How would i add that icon/ functionality into the tinymce editor?

1,098 Posts

microcipcip Reply #5, 14 years, 7 months ago

Because this is an external script, you need to look for the documentation on TinyMCE website.
I've spend lot of time customizing TinyMCE, so maybe you can try to use my configuration:

tiny.custom_plugins

style,advimage,advlink,modxlink,searchreplace,print,contextmenu,paste,fullscreen,noneditable,table,advlink,iespell,inlinepopups,media,directionality,xhtmlxtras,template

tiny.editor_theme

custom

tiny.skin

cirkuit

tiny.custom_buttons1

newdocument,|,bold,italic,underline,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,modxlink,unlink,anchor,image,iespell,media,|,pastetext,pasteword,code,template,|,fullscreen

tiny.custom_buttons2

search,|,strikethrough,outdent,indent,blockquote,|,sub,sup,|,styleselect,formatselect,fontselect,fontsizeselect

tiny.custom_buttons3

tablecontrols,|,removeformat,visualaid,|,undo,redo,|,print,|,ltr,rtl,|,styleprops

tiny.css_selectors

HERE YOU CAN PUT CSS CLASSES

Jertix.org -> Web Design & Development, Motion Graphics | Follow me on Twitter | MODx Tutorials (in Italiano) | MODx Snippets (English)

140 Posts

jaykaye Reply #6, 14 years, 7 months ago

Thanks for providing this, i'll study through it.