change default text color

[Alexandre Tiertant]

Steps to reproduce

adding this to config

config.colorButton_foreStyle: {
  element: 'font',
  attributes: { 'color': '#FF0000' }
}

Expected result

i would like to change default text color as said in doc:

​https://github.com/ckeditor/ckeditor-docs/tree/master/guides/dev/features/colorbutton#custom-color-style-definition

is there a way to change de default text color via the api?

Actual result

do nothing

Other details (browser, OS, CKEditor version, installed plugins)

[Jakub Ś]

You need to set default color it in contents.css

[Alexandre Tiertant]

this only change the color in the editor, not in the html content produced...

[Jakub Ś]

Your target page (where content lands) needs to have same styles as used in the editor. After all you are creating content for particular page so styles should match.

[Alexandre Tiertant]

well i'm not using editor to write web site page content... editor is for html that's true but html isn't used only in web content... i would like to set per user default color this is why i would like to change color by default via api. i googled "ckeditor change default text color" and i was not the only one looking at this but noone found a real solution...

[Jakub Ś]

You can try below:

			CKEDITOR.addCss('.myItalic {font-style: italic;}');			
			var editor = CKEDITOR.replace( 'editor1', {					
				extraAllowedContent : 'p{color}',
				on: {
					pluginsLoaded: function( evt ) {
						evt.editor.dataProcessor.dataFilter.addRules( {
							elements: {
								p: function( el ) {									
										el.attributes['style'] = 'color:#ccc';
								}
							}
						} );
					}
				}
			});

The #ccc can be dynamic. You can read some color value from request and assign it to some JavaScript property in your name space or existing one.