CKE4: Font and Background Colors?

If colorbutton plugin was included in your package and you were using default editor configuration you would have font and bg color buttons automatically placed in toolbar. This is how toolbarGroups works if you don not modify it.

However, if you want to change the toolbarGroups setting to rearrange toolbar layout then in order to have color buttons in toolbar you need to use 'colors' group. E.g.:

CKEDITOR.replace( 'editor1', {
	toolbarGroups: [
		{ name: 'colors' }, // two color buttons
		{ name: 'basicstyles' } // bold, italic, etc.
	]
} );

But remember - you have to have colorbutton plugin included. It is not included in basic and standard packages. You can use our online builder to add it.