Dear Group
I have CKEditor 3.4.2 (revision 6041). It will be used as a default simple text editor for an internal community Wiki (software from MediaWiki). I am currently having 2 major problems (maybe related) when I use Internet Explorer 8 version 8.0.6001.19019:
1. Image Upload Button Does Not Work
When I depress the Image Button, I immediately receive an error message, and the Image browser never loads. As suggested by the continuous cycling of my mouse pointer, even after I receive the error message, there is something about the code that cannot be interpreted by IE8. I eventually have to refresh my browser to stop the attempted loading process. The initial error message is as follows:
'type' is null or not an object
ckeditor.js line:52
code: 0 char: 2340
Line 52 (char: 2340 starts at the beginning of the blue text) of the ckeditor.js file is the following:
function q(r,s){var t={},u=[],v={nbsp:'\xa0',shy:'',gt:'>',lt:'<'};r=r.replace(/\b(nbsp|shy|gt|lt|amp)(?:,|$)/g,function(A,B){var C=s?'&'+B+';':v,D=s?v[B]:'&'+B+';';t[C]=D;u.push(C);return '';});if(!s){r=r.split(',');var w=document.createElement('div'),x;w.innerHTML='&'+r.join(';&')+';';x=w.innerHTML;w=null;for(var y=0;y<x.length;y++){var z=x.charAt(y);t[z]='&'+r[y]+';';u.push(z);}}t.regex=u.join(s?'|':'');return t;};j.add('entities',{afterInit:function(r){var s=r.config,t=r.dataProcessor,u=t&&t.htmlFilter;if(u){var v=m;if(s.entities){v+=','+n;if(s.entities_latin)v+=','+o;if(s.entities_greek)v+=','+p;if(s.entities_additional)v+=','+s.entities_additional;}var w=q(v),x='['+w.regex+']';delete w.regex;if(s.entities&&s.entities_processNumerical)x='[^ -~]|'+x;x=new RegExp(x,'g');function y(C){return s.entities_processNumerical=='force'||!w[C]?'&#'+C.charCodeAt(0)+';':w[C];};var z=q([m,'shy'].join(','),true),A=new RegExp(z.regex,'g');function B(C){return z[C];};u.addRules({text:function(C){return C.replace(A,B).replace(x,y);}});}}});})();i.entities=true;i.entities_latin=true;i.entities_greek=true;i.entities_additional='#39';(function(){function m(v,w){var x=[];if(!w)return v;else for(var y in w)x.push(y+'='+encodeURIComponent(w[y]));return v+(v.indexOf('?')!=-1?'&':'?')+x.join('&');};function n(v){v+='';var w=v.charAt(0).toUpperCase();return w+v.substr(1);};function o(v){var C=this;var w=C.getDialog(),x=w.getParentEditor();x._.filebrowserSe=C;var y=x.config['filebrowser'+n(w.getName())+'WindowWidth']||x.config.filebrowserWindowWidth||'80%',z=x.config['filebrowser'+n(w.getName())+'WindowHeight']||x.config.filebrowserWindowHeight||'70%',A=C.filebrowser.params||{};A.CKEditor=x.name;A.CKEditorFuncNum=x._.filebrowserFn;if(!A.langCode)A.langCode=x.langCode;var B=m(C.filebrowser.url,A);x.popup(B,y,z,x.config.fileBrowserWindowFeatures);};function p(v){var y=this;var w=y.getDialog(),x=w.getParentEditor();x._.filebrowserSe=y;if(!w.getContentElement(y['for'][0],y['for'][1]).getInputElement().$.value)return false;if(!w.getContentElement(y['for'][0],y['for'][1]).getAction())return false;return true;};function q(v,w,x){var y=x.params||{};y.CKEditor=v.name;y.CKEditorFuncNum=v._.filebrowserFn;if(!y.langCode)y.langCode=v.langCode;w.action=m(x.url,y);w.filebrowser=x;};function r(v,w,x,y){var z,A;for(var B in y){z=y[B];[b]if(z.type=='hbox'||z.type=='vbox')r(v,w,x,z.children);if(!z.filebrowser)continue;if(typeof z.filebrowser=='string'){var C={action:z.type=='fileButton'?'QuickUpload':'Browse',target:z.filebrowser};
Beginner level debugging using Internet Explorer Developer Tools Program pointed to the text highlight in blue as the "problem area". I have no idea what this means and am looking for some guidance on how to fix it.
2. Toggling to the Source Code Using the Source Button Produces a Blank Page/Box
The "Blank Page/Box" is not unique to the Source Button. I also receive a “Blank Page/Box” about 50% of the time when the Save Button is used. I have no idea what the problem is and am again looking for some guidance on how to fix it.
It seems that the CKEditor is unstable in general in my version of IE8. I have even tried the IE8 Compatibility View with no success. I clear the IE8 browser cache frequent. I do believe that this problem is unique to IE8 since CKEditor works fine with Mozilla Firefox version 3.6.15. In Firefox, the Image Browser loads instantly and I have yet to come across any “Blank Pages/Boxes”. Having CKEditor working only on Firefox is not a viable option for me. I need it stably working on IE8 as well. Any advice or solutions that anyone can give me will be greatly appreciated. Thank you.
I have CKEditor 3.4.2 (revision 6041). It will be used as a default simple text editor for an internal community Wiki (software from MediaWiki). I am currently having 2 major problems (maybe related) when I use Internet Explorer 8 version 8.0.6001.19019:
1. Image Upload Button Does Not Work
When I depress the Image Button, I immediately receive an error message, and the Image browser never loads. As suggested by the continuous cycling of my mouse pointer, even after I receive the error message, there is something about the code that cannot be interpreted by IE8. I eventually have to refresh my browser to stop the attempted loading process. The initial error message is as follows:
'type' is null or not an object
ckeditor.js line:52
code: 0 char: 2340
Line 52 (char: 2340 starts at the beginning of the blue text) of the ckeditor.js file is the following:
function q(r,s){var t={},u=[],v={nbsp:'\xa0',shy:'',gt:'>',lt:'<'};r=r.replace(/\b(nbsp|shy|gt|lt|amp)(?:,|$)/g,function(A,B){var C=s?'&'+B+';':v,D=s?v[B]:'&'+B+';';t[C]=D;u.push(C);return '';});if(!s){r=r.split(',');var w=document.createElement('div'),x;w.innerHTML='&'+r.join(';&')+';';x=w.innerHTML;w=null;for(var y=0;y<x.length;y++){var z=x.charAt(y);t[z]='&'+r[y]+';';u.push(z);}}t.regex=u.join(s?'|':'');return t;};j.add('entities',{afterInit:function(r){var s=r.config,t=r.dataProcessor,u=t&&t.htmlFilter;if(u){var v=m;if(s.entities){v+=','+n;if(s.entities_latin)v+=','+o;if(s.entities_greek)v+=','+p;if(s.entities_additional)v+=','+s.entities_additional;}var w=q(v),x='['+w.regex+']';delete w.regex;if(s.entities&&s.entities_processNumerical)x='[^ -~]|'+x;x=new RegExp(x,'g');function y(C){return s.entities_processNumerical=='force'||!w[C]?'&#'+C.charCodeAt(0)+';':w[C];};var z=q([m,'shy'].join(','),true),A=new RegExp(z.regex,'g');function B(C){return z[C];};u.addRules({text:function(C){return C.replace(A,B).replace(x,y);}});}}});})();i.entities=true;i.entities_latin=true;i.entities_greek=true;i.entities_additional='#39';(function(){function m(v,w){var x=[];if(!w)return v;else for(var y in w)x.push(y+'='+encodeURIComponent(w[y]));return v+(v.indexOf('?')!=-1?'&':'?')+x.join('&');};function n(v){v+='';var w=v.charAt(0).toUpperCase();return w+v.substr(1);};function o(v){var C=this;var w=C.getDialog(),x=w.getParentEditor();x._.filebrowserSe=C;var y=x.config['filebrowser'+n(w.getName())+'WindowWidth']||x.config.filebrowserWindowWidth||'80%',z=x.config['filebrowser'+n(w.getName())+'WindowHeight']||x.config.filebrowserWindowHeight||'70%',A=C.filebrowser.params||{};A.CKEditor=x.name;A.CKEditorFuncNum=x._.filebrowserFn;if(!A.langCode)A.langCode=x.langCode;var B=m(C.filebrowser.url,A);x.popup(B,y,z,x.config.fileBrowserWindowFeatures);};function p(v){var y=this;var w=y.getDialog(),x=w.getParentEditor();x._.filebrowserSe=y;if(!w.getContentElement(y['for'][0],y['for'][1]).getInputElement().$.value)return false;if(!w.getContentElement(y['for'][0],y['for'][1]).getAction())return false;return true;};function q(v,w,x){var y=x.params||{};y.CKEditor=v.name;y.CKEditorFuncNum=v._.filebrowserFn;if(!y.langCode)y.langCode=v.langCode;w.action=m(x.url,y);w.filebrowser=x;};function r(v,w,x,y){var z,A;for(var B in y){z=y[B];[b]if(z.type=='hbox'||z.type=='vbox')r(v,w,x,z.children);if(!z.filebrowser)continue;if(typeof z.filebrowser=='string'){var C={action:z.type=='fileButton'?'QuickUpload':'Browse',target:z.filebrowser};
Beginner level debugging using Internet Explorer Developer Tools Program pointed to the text highlight in blue as the "problem area". I have no idea what this means and am looking for some guidance on how to fix it.
2. Toggling to the Source Code Using the Source Button Produces a Blank Page/Box
The "Blank Page/Box" is not unique to the Source Button. I also receive a “Blank Page/Box” about 50% of the time when the Save Button is used. I have no idea what the problem is and am again looking for some guidance on how to fix it.
It seems that the CKEditor is unstable in general in my version of IE8. I have even tried the IE8 Compatibility View with no success. I clear the IE8 browser cache frequent. I do believe that this problem is unique to IE8 since CKEditor works fine with Mozilla Firefox version 3.6.15. In Firefox, the Image Browser loads instantly and I have yet to come across any “Blank Pages/Boxes”. Having CKEditor working only on Firefox is not a viable option for me. I need it stably working on IE8 as well. Any advice or solutions that anyone can give me will be greatly appreciated. Thank you.
Re: CKEditor, IE8, Image Upload, and Source Toggler
Well, first of all, can you try the latest version of CKEditor (3.5.3)? 3.4.2 was released 5 months ago and since then more than 200 issues were fixed or modified in the editor code, including numerous fixes for Internet Explorer.
If you can confirm that the issues you are having still exist in the current code base (try reproducing them on the demo page and/or the nightly build), you can create a new ticket on the CKEditor Development site to let the developers investigate them.
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!