如何解决初始化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 举报,一经查实,本站将立刻删除。