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

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

本文关键字：加载 jquery TinyMCE 插件 动画 显示 编辑器 PHP 文本编辑 文本      更新时间：2023-09-26

我想在页面上加载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();
})

为什么不使用TinyMCE自己的加载函数？这是针对TinyMCE版本4

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