How to set font,size,color, bg color directly.

My application have native combo box and color chooser dialog. I would like to set Font type , Font Size, Text color and Background color directly without select combo box item or color item of CKEditor. Now, I can set bold to text directly without select Bold button of CKEditor using "editor.execCommand('bold');" but I don't know how to set Font, Size, Text Color, Bg Color?

I my opinion, I think CKEditor may provide function to set Font, Size, Text Color, Bg Color like this editor.execCommand('textColor','#FFFFFF'); but it is not work.

how can I call to set set Font, Size, Text Color, Bg Color to CKEditor directly with out combo box item or color item of CKEditor.

Please help me!!

Mon, 09/13/2010 - 06:21

samven

Joined: 13/09/2010

Posts: 2

Re: How to set font,size,color, bg color directly.

you can try this:

editor.fire('saveSnapshot');
var styles = new CKEDITOR.style({
   element : 'span', 
   styles : { 'font-size' : '#(size)' },
   overrides : [ 
      {
         element : 'font',
         attributes : { 'size' : null }
      }
   ]
}, {size: '72px'});
styles.apply( editor.document );
editor.fire('saveSnapshot');

Thu, 08/25/2011 - 18:31

adico

Joined: 02/11/2009

Posts: 100

Re: How to set font,size,color, bg color directly.

did you get it to work? please share

thanks,
adico