在CKEditor调色板中仅显示几个所需的颜色

Question

CKEditor窗口中的默认调色板如下：

是否可以只选择几种颜色（我只需要三种颜色）而不是全部显示？我检查了config.js，但似乎无法从那里设置颜色限制。这可能吗？

Answer 1

所有颜色都在ckeditor / ckeditor.js中定义。这是一个缩小的文件，因此很难阅读。如果您对colorButton_colors执行搜索，您将找到以下定义：

colorButton_colors='000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,006400,40E0D0,0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF';

只需删除或添加所需的颜色即可。

希望有所帮助！

Answer 2

您可以通过config.colorButton_colors设置列表，而无需编辑源代码。

请参阅此处的官方CKEditor documentation（v4）。

configuration guidelines还建议在创建编辑器实例时进行页面配置，以“避免修改CKEditor安装文件夹中的原始分发文件，从而使升级任务更容易。”

如果您正在使用PHP动态构建页面（问题用php标记），您甚至可以根据登录的用户ID设置不同的颜色集，例如，允许存储在数据库中的每个用户配置，也许（通过在页面中写入一些javascript）。

示例：

CKEDITOR.replace( 'editor1', {
    colorButton_colors: '00923e,f8c100,28166c',
    ... and so on
});