I’m trying to customize the default color palette in CKEditor 5 for my Strapi 4 application. I want to replace the default colors with our brand colors from our design system.
Environment:
- Strapi version: 4.25.5
- CKEditor plugin: @ckeditor/[email protected]
- Node.js version: 22.11.0
Current package.json dependencies:
{
"dependencies": {
"@ckeditor/strapi-plugin-ckeditor": "1.1.0",
"@strapi/strapi": "4.25.5",
// ... other relevant dependencies
}
}
1. Added CKEditor configuration in config/plugins.js:
module.exports = () => ({
ckeditor: {
enabled: true,
config: {
// ... my configuration attempt
}
}
});
2. Cleared cache and rebuilt:
rm -rf build
yarn build
yarn develop
I have no .cache folder.
However, the default color palette remains unchanged.
**Expected behavior:
*Custom brand colors should appear in the color picker dropdown
*Each color should have a custom label (e.g., "Pin GrĂ¼n Dark", "PIN Blau Dark")
**Current behavior:
*Default CKEditor color palette is still showing
*Custom colors are not appearing in the dropdown
**Question:
How can I properly configure the CKEditor plugin to use my custom color palette? What's the correct configuration structure for version 1.1.0 of the plugin?