CKEditor 4
Wed, 01/12/2011 - 16:27
#1
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Problem with new versions

Hi everybody,

I used to have an old version (several months) of CKEditor on my site, and it worked perfectly. Though, I thought it was a good idea to upgrade my version, but I have a BIG problem : with the new versions (3.5 and nightly), my textareas just vanish !
Here is my code (HTML4, PHP5) :
<head>
......
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
</head>
<body>
........
<textarea name="descr">';
if ($_SESSION['descr']!='')
{
echo $_SESSION['descr'];
}
else
{
echo $_SESSION['descrini'];
}
echo '</textarea>
<script type="text/javascript">
CKEDITOR.replace( \'descr\',
{
customConfig : \'ckeperso/config.js\',
height: 100,
resize_enabled:true,
resize_maxWidth:\'%\',
contentsCss : \'ckeperso/css01.css\'
});


Here is my config.js :

CKEDITOR.editorConfig = function( config )
{
config.language = 'fr';
   
config.toolbar = 'outils';

config.toolbar_outils =
[
['Font','FontSize','Format'],
['Bold','Italic','Underline','Strike'],   
['TextColor','BGColor'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['Subscript','Superscript'],
 ['Link','Unlink'],
['Table','HorizontalRule','Smiley','SpecialChar'],
['Cut','Copy','Paste','PasteText','PasteFromWord'],
 ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
];
config.removePlugins = 'elementspath' ;
config.enterMode = CKEDITOR.ENTER_P;
config.shiftEnterMode = CKEDITOR.ENTER_BR;
config.fontSize_sizes='Minuscule/xx-small;Très petit/x-small;Petit/small;Moyen/medium;Gros/large;Très gros/x-large;Énorme/xx-large';
config.format_tags='p;h1;h2;h3;h4';
config.toolbarCanCollapse = false;
};


Of course, config.js, css01.css and ckeditor.js are where they are supposed to be (and I have not made any change)...
I'm quite desperate, why doesn't it work ?
Top
Thu, 01/13/2011 - 12:41
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

I thought that I would have some help here...
Top
Thu, 01/13/2011 - 15:40
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: Problem with new versions

With just that info it would be a miracle if someone is able to guess what's your problem. You don't even state if you have any errors, warnings; what have you tried, what are the things that you have checked, ...
Top
Thu, 01/13/2011 - 19:40
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

alfonsoml wrote:With just that info it would be a miracle if someone is able to guess what's your problem. You don't even state if you have any errors, warnings; what have you tried, what are the things that you have checked, ...

If I had any errors or warnings, I would have told it ! I have not the faintest idea of what I should have checked or tried since my code (which is very simple) used to work with a previous version. I have copied/pasted my program... What else could I say ???
And I have read the documentation...
Top
Fri, 01/14/2011 - 15:18
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

I don't know what I'm supposed to explain in order to get some help... My program is at last one year old, and of course, I don't remember what I have tried before ! It worked with an older version of CKEditor 3 (I don't know which one it was), and it doesn't work anymore with today versions (the textareas simply disappear), that's all what I can say, except that I haven't change even a character in CKEditor programs.
Top
Fri, 01/14/2011 - 16:11
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: Problem with new versions

You can try to provide a link to a page where the problem can be tested. That's the only way that I can think of that could enable someone else to look at your setup
Top
Fri, 01/14/2011 - 16:29
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

OK, here it is :
- Old 3.? version
- 3.4.3 version
- 3.5 version

Top
Fri, 01/14/2011 - 17:07
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: Problem with new versions

The 3.5 works fine for me in Firefox and IE8.
The 3.4.3 has a corrupted ckeditor.js and shows an error (3 in fact) while loading the page. Have you used filezilla to upload the files?
Top
Sat, 01/15/2011 - 11:51
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

alfonsoml wrote:The 3.5 works fine for me in Firefox and IE8.
The 3.4.3 has a corrupted ckeditor.js and shows an error (3 in fact) while loading the page. Have you used filezilla to upload the files?

Yes, I have used Filezilla, as usual. Each of the versions has a different directory.
I think that you have found the answer, or something nearby : I'm using Opera 11, and you are right, CKEditor works fine with Firefox, Chrome, IE and Safari, but there is definitely a problem with Opera. I'm used to test my programs with main browsers (FF, IE, Opera, Safari, Chrome), but only when they are finished or almost finished...
I've tried this page with Opera 11 on my both computers (one with XP, the other one with Vista), and the problem with CKEditor is the same.
Image
Has anyone experienced problem with Opera, yet ?
It is strange that an older version of CKEditor works properly with Opera...

Top
Sat, 01/15/2011 - 12:40
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: Problem with new versions

I repeat what I've said in other problems like this one: All the reports that I've seen so far that end up being due to a corrupted file have been due to the usage of Filezilla, so I would advice to look carefully from now on at the uploaded files as long as you keep using it because it just doesn't make sense that a ftp client isn't able to perform its task correctly.

In Opera it states that there's a javascript error in http://www.lgv.on-web.fr/ckeditornouv/c ... ?t=B0C84VH and so it seems that it doesn't keep processing the javascript.
Trying to load that file you'll see that the server returns a 404, so other browsers seems to ignore the missing file but Opera 11 throws and error and stop there.

Top
Sat, 01/15/2011 - 14:44
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

I think that you are right, but I don't understand what happens.
The directory named ckperso is not in CKEditor directory, because I wanted to be sure not to erase it when updating CKEditor. This directory ckperso is in valinfotest directory (just like my programs).
Here it is in Filezilla :
Image

I have downloaded the files in order to check them, but they don't seem to be corrupted.

config.js :

/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
   // Define changes to default configuration here. For example:
   // config.language = 'fr';
   // config.uiColor = '#AADC6E';
   config.language = 'fr';
   
   config.toolbar = 'outils';

    config.toolbar_outils =
    [
      ['Font','FontSize','Format'],
      ['Bold','Italic','Underline','Strike'],   
      ['TextColor','BGColor'],
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
      ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
      ['Subscript','Superscript'],
        ['Link','Unlink'],
      ['Table','HorizontalRule','Smiley','SpecialChar'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ];
   config.removePlugins = 'elementspath' ;
   // Possibilité de faire un retour à la ligne simple
   config.enterMode = CKEDITOR.ENTER_P;
   config.shiftEnterMode = CKEDITOR.ENTER_BR;
   config.fontSize_sizes='Minuscule/xx-small;Très petit/x-small;Petit/small;Moyen/medium;Gros/large;Très gros/x-large;Énorme/xx-large';
   config.format_tags='p;h1;h2;h3;h4';
   config.toolbarCanCollapse = false;
 
   };


css01.css :

body
{
   /* Font */
   font-family: Optimum,Helvetica,Verdana,sans-serif;
   font-size: 12px;

   /* Text color */
   color: #222;

   /* Remove the background color to make it transparent */
   background-color: rgb(240,250,250);
}

html
{
   /* #3658: [IE6] Editor document has horizontal scrollbar on long lines
   To prevent this misbehavior, we show the scrollbar always */
   _overflow-y: scroll
}

img:-moz-broken
{
   -moz-force-broken-image-icon : 1;
   width : 24px;
   height : 24px;
}
img, input, textarea
{
   cursor: default;
}


And the test program :

<?
echo'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>...
<script type="text/javascript" src="../ckeditornouv/ckeditor.js"></script>
</head>
<body>
      <h1>CKEDITOR 3.5</h1>
      <div class="sub">
      <h3>Titre de l\'évènement</h3>
      </div>
      <div class="sub">
      <h3>Descriptif de votre évènement</h3>
      <p class="libelle">1er paragraphe (facultatif)<br><em>(Limite 3000 caractères, balises HTML comprises)</em></p>
      <textarea name="texte1"> </textarea>
      <!-- Démarre le javascript de CKEditor -->
      <!-- Remplace les zones de textes par des fenêtres CKEditor -->
      <script type="text/javascript">
      CKEDITOR.replace( \'texte1\',
         {
            customConfig : \'ckeperso/config.js\',
            height: 200,
            resize_enabled:true,
            resize_maxWidth:\'%\',
            contentsCss : \'ckeperso/css01.css\'
         });
      <!-- Fin du remplacement des zones de textes par des fenêtres CKEditor-->      
      </script>
      </div>
      <div class="sub">
      <h3>Descriptif de votre évènement</h3>
      <p class="libelle">2ème paragraphe (facultatif)<br><em>(Limite 3000 caractères, balises HTML comprises)</em></p>
      <textarea name="texte2"> </textarea>
      <!-- Démarre le javascript de CKEditor -->
      <!-- Remplace les zones de textes par des fenêtres CKEditor -->
      <script type="text/javascript">
      CKEDITOR.replace( \'texte2\',
         {
            customConfig : \'ckeperso/config.js\',
            height: 200,
            resize_enabled:true,
            resize_maxWidth:\'%\',
            contentsCss : \'ckeperso/css01.css\'
         });
      <!-- Fin du remplacement des zones de textes par des fenêtres CKEditor-->      
      </script>
</div></body></html>';
?>


I guess that my problem is as huge as an elephant, but I'm unable to see it.

Top
Sat, 01/15/2011 - 15:47
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: Problem with new versions

You can see that it's trying to load the config file from the ckeditor folder, so use this to specify your custom config: '/valinfotest/ckeperso/config.js'
Top
Sat, 01/15/2011 - 16:28
gytha_ogg
gytha_ogg's picture
Joined: 15/04/2009
Posts: 31

Re: Problem with new versions

alfonsoml wrote:You can see that it's trying to load the config file from the ckeditor folder, so use this to specify your custom config: '/valinfotest/ckeperso/config.js'

You are perfectly right !
What I don't understand is why an older version would behave like I expected, and why new versions don't.
Anyway, my problem is solved, I thank you for your help (and patience...) ;)

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