"More colors" in K8's CMSEditableRegion Color Picker

Tevin Steinke asked on January 20, 2015 13:07

In Kentico 7, when using the color picker tool in the WYSIWYG editor, there was an option for "more colors" instead of the preset tiles that show up. In Kentico 8, there is no such option. Is there a way to enable this so that editors can enter custom hex codes for colors?

Correct Answer

Brenden Kehren answered on January 20, 2015 13:15

It has to be added to the CKEditor manually with a plugin.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Brenden Kehren answered on January 20, 2015 13:20

You can find the CKEditor code in /CMSAdminControls/CKEditor

0 votesVote for this answer Mark as a Correct answer

Tevin Steinke answered on January 21, 2015 20:18

Brenden,

I've unzipped the uicolor folder into the CMSAdminControls/CKeditor/plugins/ directory and I added the following line to the config.js file.

config.extraPlugins = 'uicolor';

However, I am still not seeing the "more colors" option on the color picker. Are there any additional steps that need to be performed?

Thanks.

-Tevin

0 votesVote for this answer Mark as a Correct answer

Juraj Ondrus answered on January 22, 2015 08:18

Hi,

How does the config look like?

You need to modify these lines, sample:

/* CMS */
config.plugins += ',showborders,indent,indentblock';

/* CMS end */

1 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on January 22, 2015 18:11

Thanks Juraj, I don't always get back to answer posts since I don't get notices when someone replies.

0 votesVote for this answer Mark as a Correct answer

Tim Spring answered on February 4, 2015 16:31

Hi,

I've also been trying to get this working in Kentico 8 for awhile without any success.

I think Brenden supplied the wrong plugin for CKEditor, as the UIColor is for altering the color of the editor box itself and not the HTML elements. I think the correct plugin should be ColorDialog. http://ckeditor.com/addon/colordialog

I've tried adding the files to the plugin folder and adding config.extraPlugins = 'colordialog'; to my config.js file, but it still doesn't appear.

If I try adding the lines Juraj recommended, my CKEditor disappears completely.

Can anyone help?

0 votesVote for this answer Mark as a Correct answer

Juraj Ondrus answered on February 5, 2015 12:37

Hi,

I have added this into the \CMS\CMSAdminControls\CKeditor\config.js file:

/* CMS */
config.plugins += ',showborders,colordialog';
/* CMS end */

and it is working fine. I tested it in different browser. You may need to restart the application and also clear browser cache.

0 votesVote for this answer Mark as a Correct answer