I have placed the CKEditor in a div #editordiv. But When I Move this (#editordiv) next to another (#comment_div) div, using the following JQuery Command
$("#editordiv").insertAfter("#comment_div");
It is moved successfully, but It becomes disabled. I mean I can not write on it, No Button is clickable. What is the Problem. How can I resolve this issue.
works here ..
I've tried your jQuery code in my test configuration and it seems to work without problems
I suggest that you try opening html in Firefox Firebug to look for errors.
How can I delete my post?
How can I delete my post?
Same question
I am having the same problem. I have understood that this is because with the moving of the div it doesn't move it but rebuilds it, on this instance the ID of the textarea is already "known" to the CKEDITOR javascript and therefore will not activate it again... or something like this.
Anyway, it's not working for me either, if anyone has a suggestion to get this working would be great.
To outline the problem again; I load the page with 2 divs, they both contain CKEDITORs, when I move the second div in front of the first using
$('#sort_order_2').after(
document.getElementById('sort_order_1')
);
the div with sortorder 2 will keep working (as this is not changed) but the div with sortorder 1 will have loaded EDITORS but they do not show the content, nor can you enter or edit the content or use the buttons. When trying to use the buttons the error (in Chrome) shows it is undefined and therefore cannot be called.
Similar problem, my solution
I was using jquery sortable to move multiple instances of CKEditor around. After dragging and dropping a container, the CKEditor instance contained within became disabled.
To solve this, I had to bind functions to both the start and stop events of sortable() to basically destroy and rebuild the CKEditor instances. My syntax:
Hope this works for you. Good luck, happy coding.