tinymce-react | Offical TinyMCE React component | Frontend Framework library

I am trying to use the setValue function which comes with react-hook-form when the user types in to the react tinymce editor to store the typed in html data from the editor: https://react-hook-form.com/api/useform/setvalue/.

It works fine when using the onClick button, the html data which is typed from the tinymce editor gets stored using the setValue function using the htmlContent when I click the button.

However when I try and use the onEditorChange or an onChange function with setValue the react tinymce editor doesn't let me type into it and the app crashes, I got around 5000 console errors which kept getting higher within a few second which weren't related to the component, it kept duplicating an error regarding duplicate keys from another component at a very fast rate.

It seems to be doing an infinite loop and crashing when trying to use setValue in the provided onEditorChange or using an onChange function, but works fine when using the same logic onClick of the button.

I try to focus the TinyMCE text editor by pressing a button, with auto_focus it does not work, unfortunately. My TinyMCE component use:

I am trying to test how TinyMCE handles multiple editors inside React.

In this small example, I just have 3, but there could be up to 100 of them.

My problem is, that I don't think each are being treated as separate instances, but rather one instance.

I don't get any errors, but when I edit one, the edits appears in all 3.

Is there a way to let TinyMCE know which editor is which?

I am trying to use TinyMCE with React and State. I have the React component you see below.

When it loads, it is loading the initial text passed into it as props.

But if I update any of it, I never see any updates in the console.log that I put in render console.log("labText fo this page: ", labText);.

I am trying to save the text changes to state using this.state.

Is there anything else I need to do?

Thanks!

I have this really simple React app that is just for editing a character description using TinyMCE.

It works great as a standalone app, but I want to use it in an older WebApp game that uses Backbone.

Whenever I start the Backbone app game, and goto the Backbone view that is supposed to render the new React component, I just get a simple error that says, Error: Invariant Violation: _

There is no other information in the console or anywhere.

Is there something I could be doing wrong?

So here is my React app that uses TinyMCE:

In my tinyMCE custom button, the editor content is always empty.

I am trying to run the command npm run dev or npm run production. But none of them are successful. Once I run the command I am getting an error like in image :

error after running npm run prod

My package.json file is like below :

The "content" field of this form no longer updates when I try to implement the TinyMCE wysiwyg. I know that my handleUpdate function is a bit different than the TinyMCE documentation on how to handle React components, but to my knowledge, it should function the same way. Does anybody know why this integration is not working?

I have a question regarding tinymce-react. I am using tinymce in my react project to preview html content.

Below is my editor setting: