Редактору TinyMCE не нравится перемещаться

Question

На странице, которую я имею, мне нужно время от времени перемещать редакторы TinyMCE в дереве DOM. Однако по какой-то причине редактору это не нравится: он полностью очищается и становится непригодным для использования. Насколько я вижу, это поведение соответствует Safari 4 и Firefox 3.6, но не Internet Explorer 7/8. Вот пример .

Меня действительно бесит занятие чем-то, что работает в Internet Explorer, но не в более заметных браузерах. Есть ли что-то, что я пропустил в документах о том, что я никогда не пытался переместить редактор в дереве DOM? Есть ли какое-то решение?

Answer 1

Была такая же проблема, и вот как я ее решил ...

Создать вопрос

Я использую jquery для перемещения элемента dom, который содержит редактор tinymce, который заставляет его терять все содержимое:

$('.form-group:last').after($('.form-group:first'))

После этого момента содержимое редактора iframe удаляется.

Решение

var textareaId = 'id_of_textarea';
tinyMCE.get(textareaId).remove();
tinyMCE.execCommand("mceAddEditor", false, textareaId);

Бывают случаи, когда редактор добавляет iframe обратно, но не отображается. Если это так, откройте контейнер:

$textarea = $('#' + textareaId)
$textarea.closest('.mce-tinymce.mce-container').show()

Обратите внимание, это использует tinymce 4.x.

Answer 2

Это ошибка / проблема браузера, а не проблема с TinyMCE. Невозможно сохранить содержимое iframe в некоторых браузерах, поскольку после удаления узла из dom документ / окно выгружается. Я предлагаю сначала удалить экземпляр редактора, а затем повторно добавить его вместо перемещения в DOM.