Використання зображення попереднього завантаження, щоб приховати вихідний код tinymce до завантаження вмісту - jquery, html, tinymce, preloader

Ми об'єднали Tinymce для системи ярозвивається Мій бос хоче, щоб я використовував зображення для завантаження до повного завантаження контенту в текстовій області Tinymce. Мені потрібно просто приховати HTML під попередньою завантаження, поки не завантажується вміст. Чи хтось із вас має уявлення про те, як я можу це зробити?

Допоможіть дорожче.

Відповіді:

Зробіть це за ініціативи редактора (помістіть цей код у свою функцію tinymce init)

...
theme: "advanced",   // example param
plugins = "code",    // example param
setup: function (ed) {
// gets executed when the editor is fully loaded
ed.onInit.add(function(ed) {
// hide the loading image here
// give css display: none to the preloader image
});
},
cleanup: true,    // example param
...

Сховати редактор до того, як вміст не буде відформатований:

setup: function (ed) {
ed.onGetContent.add(function(ed, o) {
jQuery(".mceEditor").hide();
});
ed.onInit.add(function(ed) {
jQuery(".mceEditor").show("slow");
});
}