Read only mode not work

[Sergey-lang]

Preview mode does not work. The editor is still clickable and I can edit the content. mode: 'readonly', - didn't work readonly: true - didn't work

• the useEffect works, but it does not always.
• (mozila) - If you make the Internet connection slower, it does not work (throw error - tinymce is not defined) and i can edit content

Mozila Firefox. Network Regular 4G (users with bad connection can't click on button because it's content for editing)

https://codesandbox.io/s/nervous-star-8fd7qj?file=/src/index.js

What is the expected behavior? I can't edit content. I can view the content as in preview mode . Click links and navigate as if I saw a normal page

the task is to show the content from the editor while maintaining the same formatting, styles, fonts as the usual page content

"tinymce": "^6.1.2", "@tinymce/tinymce-react": "^4.2.0", Chrome / Mozila

[exalate-issue-sync[bot]]

Internal Ref: INT-3249

[danoaky-tiny]

The property you're looking for is disabled.

You can see an example of how it works here: Storybook, and source code

[Diveafall]

What is the purpose of the readonly property inside init of you can still edit?

[danoaky-tiny]

@Diveafall See https://www.tiny.cloud/docs/tinymce/6/react-ref/#init Setting the readonly prop within init is overriden.

[Diveafall]

I understand. If the property doesn't do anything (is overridden anyway) I would prefer it not existing at all.