CKEditor ColorPicker has limited color options

Help / Discuss
1

When I try to change the font color/background, CKeditor has only 24 color options to choose from. Is there a way to add more color options?

Thanks in advance

2

You can configure the color button from the wiki administration. See Color Button | CKEditor.com for the available configuration options.

3

Hi Moris,

Thanks for your responses. I am trying to add the extenion Color Button to my Xwiki. As per the instruction, when I extract the .zip file into the plugins folder of CKeditor my Xwiki does nott behave properly. I am unzipping it in correct folder? Below is the details of my CKeditor plugin folder

pwd

/var/lib/xwiki/data/extension/repository/org%2Exwiki%2Econtrib%3Aapplication-ckeditor-plugins

ls -l
total 36
drwxr-x— 7 tomcat tomcat 4096 May 24 16:44 ./
drwxr-x— 117 tomcat tomcat 12288 May 2 12:02 …/
drwxr-x— 2 tomcat tomcat 4096 Aug 7 2020 1%2E48/
drwxr-x— 2 tomcat tomcat 4096 Nov 30 18:22 1%2E51/
drwxr-x— 2 tomcat tomcat 4096 Feb 6 09:18 1%2E52/
drwxr-x— 2 tomcat tomcat 4096 Mar 13 17:58 1%2E53%2E1/
drwxr-x— 2 tomcat tomcat 4096 May 2 12:02 1%2E53%2E2/

Is this the correct folder? Is there a way to do this via the Administration console?

Regards
Firoz

4

Why? You already have the Color Button plugin, otherwise you wouldn’t see the “24 color options to choose from”. The goal of my comment was just to point you to the configuration options available for this plugin, in case you want to configure it from the CKEditor administration section within your XWiki instance.

5

To have “More Colors” option on the color palette, I have set “config.colorButton_enableMore” to true on CKEditor admin section which did not change anything. What am I missing? I also noticed there is a note " with Color Dialog plugin enabled)". How do I enable Color Dialog?

Thanks

6

The Color Dialog plugin is not installed / available by default, so you need to follow https://extensions.xwiki.org/xwiki/bin/view/Extension/CKEditor+Integration#HUseadditionalCKEditorplugins . I’m curious to know why you need that many colors :slight_smile: the WYSIWYG editor is not a drawing tool but a tool to help you input text content so you should focus on the content rather than on the styles, otherwise you will end up with inconsistent and hard to maintain styles across your wiki. It’s always better and easier to control the styles (colors included) from the skin / color theme (you don’t need to edit each page to update the hard-coded colors if you change your mind).

7

Thanks Moris. I have added more colors that I need using the variable config.colorButton_colors which servers the purpose for now.

Thanks for your help