I have the following code snippet running in a function that is called from a form's onsubmit event:
The getContent() function just returns text that should replace the current content of the CKEditor instance on that page. I've tested this in Chrome and Firefox and it works as expected, but in IE I get the following error:
SCRIPT5007: Unable to get value of the property 'innerHTML': object is null or undefined
ckeditor.js, line 17 character 45
Are there any workaround for this issue?
CKEDITOR.instances.content.setData(getContent());
The getContent() function just returns text that should replace the current content of the CKEditor instance on that page. I've tested this in Chrome and Firefox and it works as expected, but in IE I get the following error:
SCRIPT5007: Unable to get value of the property 'innerHTML': object is null or undefined
ckeditor.js, line 17 character 45
Are there any workaround for this issue?
Re: IE - Unable to get value of the property.. on submit
Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: IE - Unable to get value of the property.. on submit
<html> <head> <script src="PATH_TO_JS/ckeditor.js" ></script> <script> function copyContent(){ CKEDITOR.instances.content.setData("Hello World!"); return false; } </script> </head> <body> <form name="test" id="test" onsubmit="return copyContent()"> <textarea name="content" id="content"></textarea> <input type="submit" /> </form> <script> CKEDITOR.replace( 'content', { skin : 'kama', toolbar: [ {name: 'basicstyles', items : [ 'Bold','Italic','Strike','Subscript','Superscript','-','RemoveFormat'] }, {name: 'document', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, {name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','-','ShowBlocks','BidiLtr','BidiRtl' ] }, '/', {name: 'styles', items : [ 'Styles','Format' ] }, {name: 'color', items : ['TextColor', 'BGColor']}, {name: 'links', items : [ 'Link','Unlink','Anchor' ] }, {name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','SpecialChar'] } ], resize_enabled: false, height: '300px', toolbarCanCollapse: false, uiColor: '#eeeeee' }); </script> </body> </html>Re: IE - Unable to get value of the property.. on submit
This works for me:
<!DOCTYPE html> <html> <head> <script src="ckeditor3-dev/trunk-v3/ckeditor_source.js"></script> <!--script src="ckeditor-dev/ckeditor.js"></script--> <script> function copyContent( data ) { CKEDITOR.instances.content.setData( data ); return false; } </script> </head> <body> <form name="test" id="test" onsubmit="return copyContent('boom!')"> <textarea name="content" id="content">sss</textarea> <a href="#" onclick="return copyContent('tadam!')">click</a> <input type="submit" value="click & bang!"> </form> <script> CKEDITOR.replace( 'content', { autoUpdateElement: false } ); </script> </body> </html>PS. Similar issue doesn't occur on CKEditor 4 beta even with autoUpEl == true.
Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: IE - Unable to get value of the property.. on submit
Thanks for the fix - that works for the simple example I posted. However, in our application we have the CKEditor surrounded in tabs that are created by a Javascript framework called ExtJS. The submission works as usual when the tab containing the editor is active. When the other tab (which uses a source editor called CodeMirror, which I have left out of the example below) is active, I get the same error on form submission. This error appears to arise from the point that I try to get content from CKEditor and update the underlying textarea manually:
document.getElementById("content").value = CKEDITOR.instances.content.getData();