jquery - プリローダーイメージを使用して、コンテンツが読み込まれるまでtinymceソースコードを非表示にする

Question

私が開発しているシステムにTinymceを統合しました。上司は、Tinymce textarea内にコンテンツ全体が読み込まれるまで、読み込み中の画像を使用することを望んでいます。コンテンツが読み込まれるまで、プリローダーの下でHTMLを非表示にする必要があります。あなたの誰かが私がこれをどのように行うことができるか考えていますか？

感謝します。

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');
    });
}