如何在create-react-app中配置本地TinyMCE？

Question

我正在使用 create-react-app 开发一个 React 项目，该项目将使用 Capacitor.js 部署为 iOS 应用程序（类似的要求适用于 Cordova 环境）。我在本地设置 TinyMCE 时遇到困难，正在寻找指导或解决方案。

问题描述： 主要挑战是将 TinyMCE 的本地实例集成到 create-react-app 环境中。尽管将 TinyMCE 资源放置在公共文件夹中并在 TinyMCE 中配置它们，但编辑器不会初始化 – 它们只是在控制台中显示空白区域，没有任何错误。

我正在利用tinymce-react包装器将TinyMCE与React集成。以下是我当前设置的简要概述：

<Editor
  init={{
    base_url: '/tinymce',
    suffix: '.min',
  }}
/>

限制： TinyMCE Cloud：由于需要 HTTP Referer 标头，因此使用 TinyMCE Cloud 是不可行的，这在 Capacitor.js/Cordova 环境中会出现问题。

问题： 是否有在 create-react-app 项目中成功集成本地 TinyMCE 设置的既定实践，特别是考虑到 Capacitor.js/Cordova 约束？

在这种情况下，对于本地 TinyMCE 集成，是否有我可能会忽略的特定配置或设置方面？

如果有人有在 Capacitor.js 或 Cordova 环境中使用本地 TinyMCE 部署 create-react-app 的经验，您能分享您的见解或代码示例吗？

我将非常感谢任何帮助、建议或相关文档的指示。也欢迎符合我们项目限制的替代方法。

预先感谢您的协助！

Answer 1

您应该使用

tinymceScriptSrc

指定 TinyMCE 的路径

<Editor
  tinymceScriptSrc='/path/to/tinymce.min.js'
/>

请参阅 tinymce-react 文档了解更多信息。