CODEWITHSUNDEEP
ckeditorckeditor4.x
MaVRoSCy
MaVRoSCy

Reputation: 17839

Dynamic update of CKEditor skin

Is there a way to dynamically change the skin of the editor (CKEditor 4.1 (revision 80c139aa))?

The only way I could do that is from the config.js (which means that my skins are working ok)

The editor is loaded when a jDialog is opened. On open of the dialog i want to run a command that will change the skin according to user preferences.

I tried with no luck:

CKEDITOR.config.skin = '/moono-dark';

Also this:

CKEDITOR.editorConfig = function( config ) {
  config.skin = '/karma';
};

Also this:

CKEDITOR.replace( 'problem', {
  customConfig: '../ckeditor/skins/config_flat.js'; //this path is ok
});

Also tried to load the config file with ajax (after deleting the defaulkt config.js file):

$.getScript( "../ckeditor/skins/config_icy_orange.js", function( data, textStatus, jqxhr ) {
      CKEDITOR.replace( 'problem' );
});

It always loads the default config.js file...

How can i do this?

Upvotes: 4

Views: 1803

Answers (1)

AndreaG
AndreaG

Reputation: 239

You can choose the skin to use whith CKEDITOR.replace like this:

CKEDITOR.replace( 'ckeditor',{
        skin: "kama"
});

If the skin isn't in the default plugin folder you should add the path to the skin folder like this:

// Enable "moonocolor" skin from the /myskins/moonocolor/ folder.
 CKEDITOR.replace( 'editor1', {
    skin: 'moonocolor,/myskins/moonocolor/' 
} );

Here a working fiddle with kama

You can see here ckeditor skin samples

Upvotes: 1

Related Questions