在PHP頁面上加載用於富文本編輯器（TinyMCE）的jquery插件時顯示加載動畫

Question

我想在頁面上加載TinyMCE編輯器時顯示加載動畫。 以下是PHP和JavaScript代碼。

/* PHP */
<div class="col-lg-12">
  <div id="loading" class="center">
    <img id="loading-image" src="<?php echo base_url('js/images/loading_spinner.gif');?>" alt="Loading..."/>
  </div>
  <div class="form-group" id="div_question_add_editor">
    <textarea id="textarea_question_add_editor" name="textarea_question_add_editor">Type Question Here...</textarea>
  </div>
</div>

/* JavaScript */
$( "#textarea_question_add_editor" ).load(function(){
  $( "#loading" ).hide();
})

Answer 1

為什么不使用TinyMCE自帶的加載功能？ 這適用於TinyMCE版本4

 tinymce.init({
    setup: function (ed) {
        ed.on('LoadContent', function(e) {
          //Add your hide code here
        });
    }
});