Trouble Configuring Local TinyMCE with create-react-app for Capacitor.js/Cordova Project

[nolanmak]

Hello, I am currently working on a project using create-react-app that will be deployed as an iOS app through Capacitor.js (similar constraints apply for Cordova environments). I have encountered significant challenges in setting up TinyMCE locally within this framework and am seeking assistance or advice on how to properly configure it.

Issue Description: The primary issue is integrating TinyMCE locally within a create-react-app setup. I have tried placing the TinyMCE assets in the public folder and referencing them in the TinyMCE configuration, but this approach has led to the editors not initializing – they simply show a blank area with no console errors. I am using the tinymce-react wrapper for React integration. Here is a snippet of the configuration I'm using:

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

Constraints and Considerations:

• Use of TinyMCE Cloud: Using TinyMCE Cloud is not a viable option for us due to the requirement of HTTP referer headers, which poses a problem in a Capacitor.js/Cordova environment.

Specific Questions:

• Is there a known successful approach or best practice for integrating local TinyMCE within a create-react-app project, particularly for a Capacitor.js/Cordova environment?

• Are there specific considerations or configurations I might be missing that are essential for the local setup of TinyMCE in this context?

• Has anyone successfully deployed a create-react-app with local TinyMCE in a Capacitor.js or Cordova environment, and if so, could you share insights or examples?

Any guidance, advice, or references to relevant documentation would be greatly appreciated. I am open to considering alternative approaches if they align with the project's constraints.

Thank you in advance for your help!

[exalate-issue-sync[bot]]

Internal Ref: INT-3262

[nolanmak]

The solution is to use tinymceScriptSrc.

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

tinymce-react documentation