Can anyone tell me how to make the Text Color button work in CKEditor? I've looked through lots of posts but can't find a specific answer. Here's the story so far...

(BTW, I am using a basic, unmodified 'Garland' theme)

- I installed CKEditor, set the permissions and it worked fine (except of course that the text color button that I need wasn't there).

- I read the CKEditor readme notes and these told me that in order to get the color button working I'd need to download a filter like WYSIWYG. I therefore downloaded it, installed it and enabled it on the Modules menu.

- When I then tried editing a node, I found that the CKEditor module had been mysteriously disabled (presumably by the installation of WYSIWYG). I therefore re-enabled it and both then appeared to work okay.

- However, I then found that WYSIWYG could not 'see' the CKEditor. In the configuration menu for WYSIWYG it said that it was looking for the module in the sites/all/libraries/ckeditor directory rather than the sites/default/modules/ckeditor/ckeditor directory where I had installed it. I therefore decided to cheat a bit and install it in sites/all/libraries/ckeditor as well. This worked and WYSIWYG can now 'see' CKEditor.

The problem I now have is that I can't work out how to enable the text color button.

The most obvious option appears to be editing the WYSIWYG profile for the any of the input formats and where, under 'Buttons and Plugins' one has the ability to check a long list of available options, one of which is 'Forecolor'. However, even when I check all the buttons this seems to have no effect.

There are also some options in the CKEditor menu but, as a fairly inexperienced user, I don't really know what they do.

Can anyone point me in the right direction?



NigelFK’s picture


bsenftner’s picture


I hesitate to say this, because I'm not 100% sure about this... but I think that your CKEditor needs to re-installed cleanly. There are two ways of using the CKEditor - without the WYSIWYG module and then with the WYSIWYG module; but I am pretty such you need to uninstall the CKEditor completely when switching between the two methods. (as in disable the module, and then uninstall it. The "uninstall" operation only becomes available after a module has been installed and then disabled. See the top portion of the "modules" page of your drupal installation.)

But more to what you're trying to do: I use the text color feature of the CKEditor all the time, and I do not use the WYSIWYG module at all. If I'm remembering correctly, all I had to do was uncomment one or two lines inside the ckeditor.config.js file that were commenting out the text color button and it worked.

I have noticed, or I should say learned to ignore the CKEditor instructions - I don't think they are up to date...

NigelFK’s picture

HUGE thanks for that - thanks to you I have got it working!!!

What I did was this...

1. Deleted the WYSIWYG module (you're right - you don't need it)

2. I checked the ckeditor.config.js file and it seemed that the color options were not commented out so I left them alone.

3. Looking at the file more closely I realised that I would need to set the 'Toolbar' option in the 'Editor Appearance' section of CKEditor's 'Default Profile' to 'DrupalFull' because it was in this toolbar that the text color option was enabled.

I hope the above info helps someone else.


Rockettree’s picture

This also helped me, but I cannot see the different font colour that I added when in view mode. In edit mode, it is fine.

I have Drupal 6.22 working with Open Atrium distribution pack (sort of a theme etc.)


shahin1986’s picture

Lets say you wanted to add this text color button to DrupalBasic. You would open up ckeditor.config.js and look for

config.toolbar_DrupalBasic = [ [ 'Format', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'Image' ] ];

Then you would add the text color button in the desired spot, in this case at the very beginning of the toolbar

config.toolbar_DrupalBasic = [ [ 'TextColor', 'Format', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'Image' ] ];

thanks for azarzag