Grouped Color Button

RichardD wrote:A very simple plugin to group colors on the color palette, as requested by webhelio in the CKEditor 3.x forum.

Screenshots

Grouped-Color-Button.png

License

Licensed under the terms of any of the following licenses at your choice: GPL, LGPL and MPL.

Download

Grouped Color Button v1:
groupedcolorbutton.zip

Installation

1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:

config.extraPlugins = 'groupedcolorbutton';

This plugin replaces the existing TextColor and BGColor buttons, so there should be no need to modify your toolbar configuration.

Customization

To customize the colors and groups displayed, modify the groupedColorButton_colors setting:

config.groupedColorButton_colors =
[
  {
    title: "Brand Colors",
    colors: "A70000,818181,000,BE671A"
  },
  {
    title: "Default Colors",
    colors: CKEDITOR.config.colorButton_colors
  }
];