The body edit fields from the node/add form are blank when used with Internet Explorer 7 and IE8 / WinXP.

I get the same error message from my DebugBar:
Line 11 - Error Insufficient memory to continue this operation.

In IE8 debugger tool, i get the following errors:
'Drupal' is undefined on line 21, 25 and 28 in ckeditor.config.js
And the same error 'insufficient memory' on line 11 in ckeditor.js

No problem in Google Chrome, nor in FF3.5.

Any workaround? Hints?

CommentFileSizeAuthor
#13 ln12_error.png8.33 KBrhimes
#13 ln19_error.png8.24 KBrhimes
#13 ln129_error.png8.05 KBrhimes
#13 ln3048_error.png8.27 KBrhimes
#13 debug.png64.79 KBrhimes
#13 editor_dead.png60.84 KBrhimes
#4 IE8mysite.jpg26.46 KBmathieu_ch
#4 IE8demosite.jpg75.2 KBmathieu_ch
#2 ckeditor.jpg531.57 KBmathieu_ch
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mephir’s picture

mephir CreditAttribution: mephir commented

Can you write more about configuration of Drupal and CKEditor module.
Which version are you used, additional modules, ckeditor load method, because i can't confirm this bug, in lines 21, 25 and 28 isn't nothing connected with Drupal object, maybe you modified your ckeditor.config.js, if it is true, please attach it to post.

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented
FileSize
ckeditor.jpg531.57 KB

Hey, thanks for this fast reply! Cool!

I'll try to be exhaustive... But if there's anything missing, tell me.

BTW, the errors line 21 etc didn't appear again on further tests.

Thanks agains.

Mat

====================================

Drupal 6.14, themed with Blueprint CSS.
CKEditor Module is 6.x-1.0-beta1
CKEditor is version 3.1, taken here http://drupal.ckeditor.com/download/ckeditor_3.1_svn.zip .
No modified template disk is used for node/add/something pages.
There are no other editor installed on the site, some have been, but I removed them.

The content type is basic Page and an Article content-type w/ CCK Filefield, Scheduler, Nodetitle, etc. Nothing comes to my mind as interfering with that. All other Javascript seems to work as usual.

====================================

The complete error message from the DebugBar is:

Ligne: 11
Caractère: 1839
Code: 0
Message d'erreur: Mémoire insuffisante pour cette opération. (insufficient memory)
URL: http://mysite.com/sites/all/modules/ckeditor/ckeditor/ckeditor.js?I

====================================

Here's the error message I get when I try the "revert to the plain text editor" link.

Ligne: 23
Caractère: 450
Code: 0
Message d'erreur: 'theme' is null or not an object
URL: http://lqj.ch/sites/all/modules/ckeditor/ckeditor/ckeditor.js?I

====================================

The Default Profile settings I use are in the attached image.

====================================

Here's the config.js, it's unmodified. 

// $Id: ckeditor.config.js,v 1.2 2009/12/04 20:36:57 wwalc Exp $

/*
 WARNING: clear browser's cache after you modify this file.
 If you don't do this, you may notice that browser is ignoring all your changes.
 */
CKEDITOR.editorConfig = function(config) {
  config.indentClasses = [ 'rteindent1', 'rteindent2', 'rteindent3', 'rteindent4' ];

  // [ Left, Center, Right, Justified ]
  config.justifyClasses = [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ];

  // Protect PHP code tags (<?...?>) so CKEditor will not break them when
  // switching from Source to WYSIWYG.
  // Uncommenting this line doesn't mean the user will not be able to type PHP
  // code in the source. This kind of prevention must be done in the server
  // side
  // (as does Drupal), so just leave this line as is.
  config.protectedSource.push(/<\?[\s\S]*?\?>/g); // PHP Code
  config.extraPlugins = '';
  if (Drupal.ckeditorCompareVersion('3.1')) {
    config.extraPlugins += (config.extraPlugins ? ',drupalbreaks' : 'drupalbreaks' );
  }

  if (Drupal.settings.ckeditor.linktocontent_node) {
    config.extraPlugins += (config.extraPlugins ? ',linktonode' : 'linktonode' );
  }
  if (Drupal.settings.ckeditor.linktocontent_menu) {
    config.extraPlugins += (config.extraPlugins ? ',linktomenu' : 'linktomenu' );
  }

  /*
   Define as many toolbars as you need, you can change toolbar names
   DrupalBasic will be forced on some smaller textareas (if enabled)
   if you change the name of DrupalBasic, you have to update
   CKEDITOR_FORCE_SIMPLE_TOOLBAR_NAME in ckeditor.module
   */

  // This toolbar should work fine with "Filtered HTML" filter
  config.toolbar_DrupalFiltered = [
    ['Source'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
    ['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
    ['Maximize', 'ShowBlocks'],
    '/',
    ['Format'],
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor','LinkToNode', 'LinkToMenu'],
    ['DrupalBreak', 'DrupalPageBreak']
   ];

  config.toolbar_DrupalBasic = [ [ 'FontFormat', '-', 'Bold', 'Italic', '-', 'OrderedList', 'UnorderedList', '-', 'Link', 'Unlink', 'Image' ] ];

  /*
   * This toolbar is dedicated to users with "Full HTML" access some of commands
   * used here (like 'FontName') use inline styles, which unfortunately are
   * stripped by "Filtered HTML" filter
   */
  config.toolbar_DrupalFull = [
      ['Source'],
      ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
      ['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
      ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
      '/',
      ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
      ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
      ['Link','Unlink','Anchor','LinkToNode', 'LinkToMenu'],
      '/',
      ['Format','Font','FontSize'],
      ['TextColor','BGColor'],
      ['Maximize', 'ShowBlocks'],
      ['DrupalBreak', 'DrupalPageBreak']
     ];

  /*
   * Append here extra CSS rules that should be applied into the editing area.
   * Example: 
   * config.extraCss = 'body {color:#FF0000;}';
   */
  config.extraCss = '';
  /**
   * Sample extraCss code for the "marinelli" theme.
   */
  if (Drupal.settings.ckeditor.theme == "marinelli") {
    config.extraCss += "body{background:#FFF;text-align:left;font-size:0.8em;}";
    config.extraCss += "#primary ol, #primary ul{margin:10px 0 10px 25px;}";
  }

  /**
   * CKEditor's editing area body ID & class.
   * See http://drupal.ckeditor.com/tricks
   * This setting can be used if CKEditor does not work well with your theme by default.
   */
  config.bodyClass = '';
  config.bodyId = '';
  /**
   * Sample bodyClass and BodyId for the "marinelli" theme.
   */
  if (Drupal.settings.ckeditor.theme == "marinelli") {
    config.bodyClass = 'singlepage';
    config.bodyId = 'primary';
  }

  if (Drupal.ckeditorCompareVersion('3.1')) {
    CKEDITOR.plugins.addExternal('drupalbreaks', Drupal.settings.ckeditor.module_path + '/plugins/drupalbreaks/');
  }
  if (Drupal.settings.ckeditor.linktocontent_menu) {
    CKEDITOR.plugins.addExternal('linktomenu', Drupal.settings.ckeditor.module_path + '/plugins/linktomenu/');
    Drupal.settings.ckeditor.linktomenu_basepath = Drupal.settings.basePath;
  }
  if (Drupal.settings.ckeditor.linktocontent_node) {
    CKEDITOR.plugins.addExternal('linktonode', Drupal.settings.ckeditor.module_path + '/plugins/linktonode/');
    Drupal.settings.ckeditor.linktonode_basepath = Drupal.settings.basePath;
  }
};

====================================

wwalc’s picture

wwalc CreditAttribution: wwalc commented

Can you check whether you have this bug on a IE7/IE8 without any add-ons (perhaps check on another computer)?
I'm just thinking that the problem might be in DebugBar + CKEditor or DebugBar + other module + CKEditor.
Could you also check do you have any problems in IE on the following web sites: http://ckeditor.com/demo and http://drupal.ckeditor.com/ (scroll down to the bottom to add a comment).

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented
FileSize
IE8demosite.jpg75.2 KB
IE8mysite.jpg26.46 KB

I first noticed on IE 7 / WinXP and not the machine I was developping from. This test machine has no add-ons, no extras.

I then checked it on my IE 7 and 8 /WinXP, this machine is used for development, with IE Collection and IE Tester. I got the same errors on the two.

The screenshots attached to this reply are all taken from a 3rd computer, IE8 vanilla. CKEditor Demo site works fine. My site goes awry.

Could it be javascript overload? Could it be the theme I use?

Thanks for your help!

[edit: typos]

wwalc’s picture

wwalc CreditAttribution: wwalc commented

Can you switch to Garland theme for a while to see whether that fixes the problem?
If that does not help, I suppose it might be a conflict with some module.
Last but not least, check whether using CKEditor with patch 4733, that is available here: http://drupal.org/node/652466 (see comment #5), changes anything.

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented

CKEditor under Garland theme works fine. So it's theme...

OK, I know you won't debug every theme of every themer around the globe, but where should I start looking in my theme to make CKEditor work in my custom Blueprint theme?

mephir’s picture

mephir CreditAttribution: mephir commented

With blueprint theme i cannot reproduce this error, can you disable cusom javascript and look if it help ?

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented
Title: CKEditor fields blank in IE7 and IE8 - Javascript runtime » [SOLVED] - CKEditor fields blank in IE7 and IE8 - Javascript runtime

I think I got it.

The Date Popup module (from the Date module) seems to be responsible for all that.

It was used in the node/add/*something* page with the Scheduler module.

The module is turned off and everything is fine in IE7 and IE 8 now.

Thanks for your time and help find a workaround.

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented
Status: Active » Closed (fixed)
jdelaune’s picture

jdelaune CreditAttribution: jdelaune commented

Also getting that error, I'll check if it's down to the date module as well, what are you using instead now? Since the date module works fine without ckeditor.

jdelaune’s picture

jdelaune CreditAttribution: jdelaune commented

Wasn't a date pop-up issue for me in the end. The new CKeditor 2.1 version fixed things for me.

mathieu_ch’s picture

mathieu_ch CreditAttribution: mathieu_ch commented

In fact, it's not all the Date module that's a problem. It's only the Date Popup which is part of the Date module.

Well, for the site's contributors, it means they'll have to type the publish/unpublish date for the Scheduler module.

It's not that much of a problem for the site's use.

rhimes’s picture

rhimes CreditAttribution: rhimes commented
Title: [SOLVED] - CKEditor fields blank in IE7 and IE8 - Javascript runtime » CKEditor textarea blank OR is not editable in IE7 and IE8 - Javascript runtime
Status: Closed (fixed) » Active
FileSize
editor_dead.png60.84 KB
debug.png64.79 KB
ln3048_error.png8.27 KB
ln129_error.png8.05 KB
ln19_error.png8.24 KB
ln12_error.png8.33 KB

Well actually.... NOT solved
upon seeing comments #8 & #12 I started to investigate Date/Date Popup, as I do have date fields on my content type - and after @ 1/2 hr of getting no where, suddenly dawned on me that my date fields aren't using the pop-up, but rather the select input - so looks like it may not have anything to do with Date at all.

But I'm also experiencing two different manifestations of the problem -

#1 - locally testing
D6.17, CKEditor-1.x-dev-6-18-10, CKEditor script 3.3.1 - using Garland (and tons of other modules)
IE (8.0.6001.18702 - only add-on enabled is Java) displays Java errors on lns #12 & #24 - and shows a totally blank area where CKEditor should be like comment #4.

#2 - @ drupal.ckeditor.com/
using IE, got ln errors #19, #129 & #3048, and CKEditor LOOKS like it's there but clicking in the textarea is unsuccessful and can't be used (see editor_dead img) - if I try switching to plain text editor, that's when I got the #19 & #129 errors, and it won't switch!

BTW - locally & drupal.ckeditor.com are fine in FF3.6.3 & Chrome5.0.375.70 - AND - ckeditor.com/demo is AOKAY in all 3 browsers!

also attaching all error msg scrnshts & debug scrnsht

rhimes’s picture

rhimes CreditAttribution: rhimes commented
Title: CKEditor textarea blank OR is not editable in IE7 and IE8 - Javascript runtime » CKEditor blank OR textarea not active in IE8 - JS erros - even at drupal.ckeditor.com
Version: 6.x-1.0-beta1 » 6.x-1.x-dev
Category: support » bug
Priority: Normal » Critical

more accurate title
hadn't noticed was a s/r'qst - really a bug
and a critical one considering IE8 visitors @ drupal.ckeditor.com can't post

rhimes’s picture

rhimes CreditAttribution: rhimes commented
Title: CKEditor blank OR textarea not active in IE8 - JS erros - even at drupal.ckeditor.com » CKEditor blank OR textarea not active in IE8 - JS errors - even at drupal.ckeditor.com

oops

fairflow’s picture

fairflow CreditAttribution: fairflow commented

I've just run into this issue as well. Latest IE8, no add-ons. Same insufficient memory error messages as in previous comments. Site running Newsflash theme (modified). ckeditor works fine in IE8 with Garland.

any progress on this issue?

I'm sure this is naive, but the simplest explanation is that there is an overload of javascript and that subsequent reported errors are a consequence of that; is there any way to allocate more IE8 resources to javascript to test this hypothesis? Or is the debug message about lack of storage unreliable?

This is a deal-breaker for me so it looks like a revert to fckediting unless a fix is imminent....

fairflow’s picture

fairflow CreditAttribution: fairflow commented
Version: 6.x-1.x-dev » 6.x-1.1

Folks, I've just realised that I'm using 6.x-1.1, not the dev version, and I'm seeing the same error. Perhaps most folks don't use IE8? Apologies, if I should give them, for adding a comment to an issue queue for the wrong version.

mephir’s picture

mephir CreditAttribution: mephir commented

@fairflow: i saw only one bug related with ie and ckeditor it's fixed into cvs. So please download dev version and check if bug still exists. Also third part scripts can possibly be in conflict with ckeditor. Some modules rewrite onload event so it could be a problem. If you have some additional modules please write which one.

rhimes’s picture

rhimes CreditAttribution: rhimes commented

@mephir: this might be for 6.x-1.x-dev and 6.x-1.1

I know it applies to dev on my local installation, and if your running 6.x-1.1 @ drupal.ckeditor.com, it applies to it as well. - unless you ARE able to post at drupal.ckeditor.com using IE8 - 'cause I sure can't!

Have you tested at drupal.ckeditor.com using IE8 lately?

rhimes’s picture

rhimes CreditAttribution: rhimes commented

UPDATE

You'll think I'm smokin' something - but I just visited drupal.ckeditor.com again with IE8 - and low and behold I now CAN use the editor. Don't know what's changed since last trying (yesterday), but page is now loading without javascript errors, can enter the ckeditor textare, can switch to plain text editor etc.

I swear that for the last few days I was unable to do any of the above with IE8 - Has anything changed?

jonsbri’s picture

jonsbri CreditAttribution: jonsbri commented

May be to do with IE limit on number of stylesheets
See http://cksource.com/forums/viewtopic.php?f=6&t=17318

I switched on ‘Optimize CSS files’ (admin/settings/performance) - and resolved CKE problem - however there may be problems with the optimizing as not all styles were being applied.

rhimes’s picture

rhimes CreditAttribution: rhimes commented

@jonsbri - thanks, took your advise and enabled ‘Optimize CSS files’ - editor now loading as expected in IE8 on my local enviroment

haven't yet encountered side effects, will post if any arise

@mephir: do you have ‘Optimize CSS files’ enabled, or 'Optimize JavaScript files', @ drupal.ckeditor.com?

rhimes’s picture

rhimes CreditAttribution: rhimes commented
Title: CKEditor blank OR textarea not active in IE8 - JS errors - even at drupal.ckeditor.com » CKEditor blank OR textarea not active in IE8 - JS errors
Version: 6.x-1.1 » 6.x-1.x-dev
Category: bug » support
Priority: Critical » Normal

better set differently

wwalc’s picture

wwalc CreditAttribution: wwalc commented

@rhimes regarding drupal.ckeditor.com - we were using a custom module @ drupal.ckeditor.com that broke our demo web site in IE. Thanks for reporting the problem.

I'm testing the module locally using the latest stable release of Drupal (6.17) and a fresh dev copy of CKEditor module (2010-Jun-18) with CKEditor 3.3.1 and I do not have any errors in IE8.

It looks like large number of CSS files to be used in the editor might be a problem.

pat_bee’s picture

pat_bee CreditAttribution: pat_bee commented

Hope this helps, what fixed this after upgrade for me was going into
Admin / Settings / CKEditor / Global Settings / Advanced Settings
the changing "Path to CKEditor" to just %m
that made it reappear but oddly enough when I went back to check that setting it had reverted back to
%m/ckeditor

Can't say I know why this worked but it did for me.

wwalc’s picture

wwalc CreditAttribution: wwalc commented
Status: Active » Closed (fixed)
Foonaka’s picture

Foonaka CreditAttribution: Foonaka commented

The IE stylesheet limit also was the cause of my issue. I turned on Optimized CSS under 'Site Configuration' --> 'Performance' and that did the trick for me.

aufumy’s picture

aufumy CreditAttribution: aufumy commented

I had theme registry being rebuilt every page load.

I turned that off, and it seemed to help.

Also
http://drupal.org/project/ie_css_optimizer allows more options in terms of optimizing the css.

Compel’s picture

Compel CreditAttribution: Compel commented

This is not to re-open the issue but to remind people to check their themes. CKEditor will not work in some themes unless CSS Optimizer is enabled. I was finally able to get it to display in Acquia Marina after enabling CSS Optimizer. This is because of a limitation built into IE that restricts the number of stylesheets that can be used. And more complex themes like Marina use more than that.

Garry Egan’s picture

Garry Egan CreditAttribution: Garry Egan commented

This issue is absolutely reproducable in IE9.

Go to http://ckeditor.com/demo using IE9 and clear out their sample text completely so nothing is inside the edit box. Click SOURCE to make sure it's all cleared out.

Now click SOURCE again to start editing. It will not let you type anything in the edit area.

I fired off a support email to CKSource but, suffice it to say, CKEditor for Drupal IE9 is NOT USABLE at this time.

I'll update this thread when i hear back.

Ela’s picture

Ela CreditAttribution: Ela commented

subscribing

armyofda12mnkeys’s picture

armyofda12mnkeys CreditAttribution: armyofda12mnkeys commented

same issue as GarryEgan, .... I goto my page node in IE8 as drupal root user and hit Edit, and then click Source and it doesnt allow to edit source(regular non-source is interestingly allowed). Only allows Source editing it if you click Maximize button for some reason. Only affects IE, FF works fine as that user. Using Acquia Marina theme and turned on CSS optimization in Performance to no avail.

xbery’s picture

xbery CreditAttribution: xbery commented

This issue is still a big problem but the solution mentioned in comment #24 worked like a charm! Thanks guys once more I am in your debth :-).

Lukas

guignonv’s picture

guignonv CreditAttribution: guignonv commented

Like xbery...
I switched on "Optimize CSS files" in "admin/settings/performance" and it solved the problem on my site and IE8.

xbery’s picture

xbery CreditAttribution: xbery commented

Worked for me too! I did not find anywhere what the file (css, js) count limit is but this is the trick! It depends on the order of your theme js and css files and if it reaches 10-15 next will be stripped by IE. This results to missing files, errors and finally blank editor :-)

This saved my soul - i was going to rip my hair before finding solution this simple.

mkesicki’s picture

mkesicki CreditAttribution: mkesicki commented
Version: 6.x-1.x-dev » 6.x-1.3
Issue tags: +CKeditor ie

Hi,
@keke302 please write what problem do you have in english. Please don't open closed issues. If you have this problem please open new issue for it.

mkesicki’s picture

mkesicki CreditAttribution: mkesicki commented

@keke302 as I sad please open new ticket for your issue and don't open closed tickets. In new issue add some description what problem do you have.

husumiao-1’s picture

husumiao-1 CreditAttribution: husumiao-1 commented

Thank you so much.
you give me so big hands.

lagassss’s picture

lagassss CreditAttribution: lagassss commented

I have the same problem and I can't activate "Optimize CSS files" because I run Open atrium over drupal and file downloading needs to remain private.

Any other idea ?

-Mania-’s picture

-Mania- CreditAttribution: -Mania- commented

@lagassss: you could try an alternative module such as http://drupal.org/project/advagg which works on private file system as well.

gleenk’s picture

gleenk CreditAttribution: gleenk commented

For me it works enabling css compression!

admin/settings/performance/
Optimize CSS Files -> Activate