TinyMCE: показать и спрятать встроенную панель инструментов по запросу

Question

Я использую TinyMCE для редактирования контента. я инициализировать его следующим образом

<script type="text/javascript"> 
tinymce.init({ 
    selector: "div.editable", 
    inline: true, 
    plugins: [ 
     "advlist autolink lists link image charmap print preview anchor", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste" 
    ], 
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
}); 
</script> 

Так, нажав дивы с классом «редактируемые» покажет TinyMCE встроенный редактор. Я хочу , чтобы показать и скрыть его, нажав кнопки, что-то вроде этого:

<input type="button" value="show inline editor for some div" onclick='tinymce.somediv.show()'> 

Я подготовил jsfiddle, который показывает поведение по умолчанию.

Пожалуйста, помогите мне найти способ показать и скрыть встроенный редактор по запросу для разных div.

Answer 1

Я уверен, что вы уже нашли ответ на свой вопрос. Поскольку мне было трудно найти точный ответ, вот что я сделал в конце.

Мой TinyMCE Версия 4.0.1

показать:

tinymce.init({ 
    selector: "div.editable", 
    inline: true, 
    plugins: [ 
     "advlist autolink lists link image charmap print preview anchor", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste" 
    ], 
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
}); 

скрыть (скрыть только встроенные редакторы):

$("#some_input_element").trigger("focus");// to remove focus from active editors 
for (var i = tinymce.editors.length - 1; i >= 0; i--) { 
    if (tinymce.editors[i].inline) 
     tinymce.editors[i].remove(); 
}; 

Удаление редактора, имея фокус дает неожиданные результаты. Поэтому, чтобы быть в безопасности, я фокусируюсь на другом элементе ввода перед входом в цикл for.

Answer 2

В TinyMCE, режиме инлайн, я использую просто:

tinymce.EditorManager.activeEditor.getElement().blur();