Hi Everyone:
I posted this question on StackOverflow (http://stackoverflow.com/questions/3379 ... ui-reorder), but have yet to find a working solution so I decided to also post it here. I am attempting to use CKEditor on a page where the user can dynamically reorder the text areas with the jQuery UI framework, but the CKEditor instances freeze when the reordering has been completed. I have included my code, and if anyone could assist, it would be much appreciated!
Javascript:
$(function() { $("#list").sortable({ placeholder: 'ui-state-highlight' }); $("#list").disableSelection(); for (i=0;i<10;i++) { addEditor(); } }); function addEditor() { alert("Hello"); var editor_fields = document.editors.elements["editor[]"]; var editorAmount = 0; if (editor_fields.length) { editorAmount = editor_fields.length; } else { editorAmount = 1; } var newElem = $('#editor_container' + editorAmount).clone().attr('id', 'editor_container' + (editorAmount + 1)); newElem.html("<textarea class='editor' name='editor[]' id='editor" + (editorAmount + 1) + "' rows='4' cols='30'></textarea>"); $("#editor_container" + editorAmount).after(newElem); $("#editor" + (editorAmount + 1)).ckeditor(); }