初始化tinymce反应编辑器时如何添加加载指示器

问题描述

我正在研究React项目,该项目使用tinymce-react作为编辑器。我正在寻找的是在初始化Editor组件时添加加载指示器的方法。因为要完全显示在UI上需要一些时间。因此,我想通过在当时添加加载指示器来改善用户体验。

这是我的代码

                  <div className={classes.richTextEditor}>
                        <p>Loading ...</p>
                        <Editor
                          apiKey="mj2rbon8mj1dl5roh4pz7rxfhbmjbhri3a97750nc3l4pvjy"
                          value={value}
                          onEditorChange={handleEditorChange}
                          init={{
                            height: 500,menubar: false,plugins: [
                              'advlist autolink lists link image charmap print preview anchor','searchreplace visualblocks code fullscreen','insertdatetime media table paste code help wordcount',],toolbar:
                              'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | link image',content_css: [
                              '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i','//www.tiny.cloud/css/codepen.min.css',}}
                          initialValue={value}
                        />
                 </div>

我正在研究该库的文档,我期望像loading={onLoad}这样的东西,但似乎找不到执行此操作的任何线索:(。

任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)