How can I customize the skin for CKEditor 3.0? I downloaded a new skin and I have this JavaScript powering it at the moment:

CKEDITOR.replace( 'pageBody',
    {
        toolbar :
        [
            ['Format'],
            ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
        ],
    });

I wanted to have a WordPress editor on my CMS, which is TinyMCE, but it's way plicated. So I turned to CKEditor and want to make it look better with a skin I downloaded.

How can I customize the skin for CKEditor 3.0? I downloaded a new skin and I have this JavaScript powering it at the moment:

CKEDITOR.replace( 'pageBody',
    {
        toolbar :
        [
            ['Format'],
            ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
        ],
    });

I wanted to have a WordPress editor on my CMS, which is TinyMCE, but it's way plicated. So I turned to CKEditor and want to make it look better with a skin I downloaded.

• javascript
• ckeditor
• fckeditor

Share Follow edited Feb 18, 2012 at 3:59 random 9,9561010 gold badges6969 silver badges8484 bronze badges asked Oct 31, 2009 at 14:42 tarnfeldtarnfeld 26.6k4444 gold badges112112 silver badges147147 bronze badges 1

• What exactly do you want to customize?? – Pekka Commented Oct 31, 2009 at 14:51

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Underneath the closing ], add:

skin : 'name_of_skin',

So it will end up like this:

CKEDITOR.replace( 'pageBody',
{
  toolbar :
  [
      ['Format'],
      ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
  ],
  skin : 'name_of_skin',
});