jquery - Using a pre-loader image to hide tinymce source code till the content loads

Question

We have integrated Tinymce for the system i am developing. My boss wants me to use a loading image till the full content loads within Tinymce textarea. I need just to hide HTML under a preloader til the content loads. Do anyone of you have an idea how i can do this?

Help much appreciated.

Answer 1

在编辑器的 init 上执行（将此代码放在您的 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
...

Answer 2

在内容未格式化之前隐藏编辑器：

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