CKEditor 4
Wed, 09/23/2009 - 21:22
#1
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

config.js changes not reflected

I am trying to create a custom toolbar but any changes I make in config.js are not reflected when I refresh my browser. Here's what I have:

CKEDITOR.editorConfig = function( config )
{

   config.skins = 'office2003';

   config.toolbar = 'toolbarLight';


    config.toolbar_toolbarLight =
    [
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar', 'Link','Unlink','Anchor', 'Maximize'] ,
        '/',
        ['Styles','Format','Font','FontSize', 'Bold','Italic','Strike','NumberedList','BulletedList','Outdent','Indent','Blockquote', 'TextColor','BGColor'],

    ];

   config.toolbar_Fullx =
   [
      ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
      ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
      ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
      '/',
      ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
      ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
      ['Link','Unlink','Anchor'],
      ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
      '/',
      ['Styles','Format','Font','FontSize'],
      ['TextColor','BGColor'],
      ['Maximize', 'ShowBlocks']
   ];

};


Whatever I change nothing changes. I can change the names around of the two toolbars, I can totally delete either one or the other toolbar - nothing. Also the skin does not change to Office 2003. It's almost as if the config.js file is completely ignored.
Top
Wed, 09/23/2009 - 21:34
purplepomegranite
purplepomegranite's picture
Joined: 23/09/2009
Posts: 4

Re: config.js changes not reflected

I was thinking this earlier today - on request, I changed the skin on my web-project back to v2 (using the config file). When I made the change an uploaded, no difference was shown in my browser, even after a force refresh.

Didn't waste too much time trying to work it out, but when I went back to the page some hours later, I noticed that suddenly the editor has taken the changes in the config file. I use Firefox, and I think it must be Firefox caching the config file (or similar). Haven't done any checking into this as need to concentrate on other things, but it may be that clearing your cache will sort it out (or try it in another browser).
Top
Wed, 09/23/2009 - 22:29
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

Yes it was a caching issue - thanks.

Is this correct?

config.skins = 'office2003';

I can't seem to change the skin in the config.js file!
Top
Thu, 09/24/2009 - 14:53
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

Bump
Top
Thu, 09/24/2009 - 15:01
manish
manish's picture
Joined: 24/09/2009
Posts: 2

Re: config.js changes not reflected

Firefox as this problem with JS file name - config.js. Change it to some other file name and use it as your custom file and it should work fine.

say you call this file as - ckeditor_config.js
and use this as your custom configuration file.
CKEDITOR.config.customConfig = '/your/path/ckeditor_config.js';
CKEDITOR.replace(textareaID);

HTH,
- Manish
Top
Thu, 09/24/2009 - 19:11
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

In what file would I put those last 2 lines of code?
Top
Thu, 09/24/2009 - 19:16
keilaron
keilaron's picture
Joined: 11/03/2005
Posts: 38

Re: config.js changes not reflected

As manish said, name it whatever you like. Link it right after the CK scripts, and load it before you create any CK instances, and it should work fine. It's what I do instead of editing the main config; It works for me.
Top
Thu, 09/24/2009 - 19:18
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

keilaron wrote:As manish said, name it whatever you like.

I understand that bit.

Link it right after the CK scripts, and load it before you create any CK instances, and it should work fine. It's what I do instead of editing the main config; It works for me.

So I need to put that code in all my html files (I have several) that uses the editor?
Top
Thu, 09/24/2009 - 19:38
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

Well it doesn't work. I have this at the top of my html file:

<script type="text/javascript" src="blah/ckeditor/ckeditor.js">
      CKEDITOR.config.customConfig = 'blah/ckeditor/ckeditor_config.js';
      CKEDITOR.replace(Story);
   </script>


And it doesn't affect the 'Story' textarea one iota.
Top
Thu, 09/24/2009 - 19:47
keilaron
keilaron's picture
Joined: 11/03/2005
Posts: 38

Re: config.js changes not reflected

If you don't want to use config.js, yes, you have to.

And as for your last post, that's because you can't use the src attribute AND have content in your tag! There are two ways you can do it:
<script type="text/javascript" src="blah/ckeditor/ckeditor.js">
<script type="text/javascript">
      CKEDITOR.config.customConfig = 'blah/ckeditor/ckeditor_config.js';
      CKEDITOR.replace(Story);
   </script>
<script type="text/javascript" src="blah/ckeditor/ckeditor.js">
<script type="text/javascript" src="blah/ckeditor/your_config_file_here.js">
Top
Thu, 09/24/2009 - 19:49
rich9
rich9's picture
Joined: 23/09/2009
Posts: 67

Re: config.js changes not reflected

OK, thanks - I am a JS numpty. :oops:

Top
Fri, 09/03/2010 - 17:44
trf000
trf000's picture
Joined: 06/11/2009
Posts: 3

Re: config.js changes not reflected

I'm having an odd issue. I have the following in my config.js:
CKEDITOR.editorConfig = function( config )
{
    config.toolbar = 'MyToolbar';

    config.toolbar_MyToolbar =
    [
        ['Source','Templates'],
        ['Cut','Copy','Paste','SpellChecker','-','Scayt'],
        ['Undo','Redo','-','Find','Replace'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
      ['Maximize','-','About'],
        '/',
       ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],      
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','SelectAll','RemoveFormat'],
        ['Link','Unlink','Anchor'],
      ['Styles','Format','Font','FontSize'],
       ['TextColor','BGColor']
        
      
    ];
};

I have several textarea on the page, and the editor appears in all of them, but in the first editor i get the full editor, the rest get the custom editor. I want the custom one in all of them. Any thoughts?
Top
Sat, 08/17/2013 - 10:27
sumeet
sumeet's picture
Joined: 17/08/2013
Posts: 2

Do your testing in incognito

Do your testing in incognito window in case of chrome or private window in case of firefox! this will never cache your data!! and its reliable and works fine for frontend development and it takes effect immediately!

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check