O CKEditor congela no jQuery UI Reorder
Estou tentando reordenar uma lista criada dinamicamente de CKEditors usando a estrutura da interface do usuário do jQuery, mas estou tendo um problema com a liberação do editor. Funcionou perfeitamente quando eu estava apenas usando um<textarea>
, mas agora, depois que a ação de arrastar é concluída, ela não permite que o usuário escreva nenhum texto.
Este é o código 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();
}
Este é o código HTML:
<form name="editors">
<ul id="list">
<li name="editor_container1" id="editor_container1"><textarea name='editor[]' id='editor1' rows='4' cols='30'></textarea></li>
</ul>
</form>