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