在 PHP 页面加载 jquery 富文本编辑器 (TinyMCE) 插件时显示加载动画

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

在 PHP 页面加载 jquery 富文本编辑器 (TinyMCE) 插件时显示加载动画

Show loading animation while jquery plugin for rich text editor (TinyMCE) is loading on the PHP page

javascript

php

tinymce