How to enable the custom color option for Drupal CKEditor

Drupal ckeditor

Does CKEditor have a custom text color option?

In Drupal CKEditor, there isn't a built-in option to add text color. Therefore, it is necessary to install additional modules for CKEditor.
Make sure you have the Color Button and Color Dialog modules installed. If not, download and install them.

Color Button Module:

If you wish to add text color, install the Color Button module for CKEditor. You can download the module from the following links.
Then go to admin dashboard (domain.com/admin/modules) and install the color button plugin

Now you can see the text color option in ck editor but you can't see more color options.

Ckeditor Color button module


Color Dialog Module:

If you wish to add more color and hex code options to the Color Button, you need to install the Color Dialog module.

📌 Note: Before installing you have to enable more color options in colorbutton.php file 
Apply this patch in colorbutton module before installing the color dialog module

You can download the module from following links
Afterward, proceed to install the Color Dialog plugin.

Ckeditor custom color modules
After installing the Color Dialog module, enable additional options in your backend by navigating to: Configuration > Content authoring > Text formats and editors > Full HTML > CKEditor Color Button.

Enable more color button module

Check the "Enable more" checkbox, save the settings, and then go to your CKEditor. You can now see the additional color options. 😍

More color option in color button

Now, you can enter the hex color code, and you also have the ability to select multiple colors from the expanded color options.


Thank You !