reactjs - 如何使用本地 tinymce js 在 React 中加载 tinymce 编辑器

Question

我正在尝试在我的 React 应用程序中实现 tinymce 编辑器。但是它从tinymce cloud调用js。我希望它在本地工作。我浏览了用于本地托管 js 的 tinymce 文档，但无法实现它。有人可以帮我这样做吗。

提前致谢。

import { Editor } from '@tinymce/tinymce-react';

.....

<Editor
                        style={{margin: "0px !important"}}
                        init={{
                        plugins: 'print preview fullpage searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount imagetools contextmenu colorpicker textpattern help',
                        toolbar: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
                        height: 500
                        }}
                        initialValue={this.state.htmlContent}
                        onChange={this.handleEditorChange}
                    />                   

Answer 1

我有同样的问题，看来你需要像这样导入 TinyMCE 来初始化它:import 'tinymce/tinymce';然后，您可以使用 <Editor>具有本地托管 TinyMCE 安装的组件。您还需要根据需要导入图标、主题、插件、皮肤。
我找到了 this帖子有帮助。