Cannot load TinyMCE in Power BI Visual

[Pujan789556]

I have created Power BI Visual using React. I have used TinyMCE as the WYSIWYG editor. When rendering the TinyMCE I get this error.

tinymce.min.js:4 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

I could not find the solution to this.
I believe its because of attribute 

sandbox="allow-scripts"

Please recommend solution to this. 

[dm-p · Accepted solution]

Hi @Pujan789556,

I haven't used TinyMCE, but it looks like it's either attempting to load an additional resource from a remote URL, or a web worker from the local package.

If the former, then you will need to ensure that the URL can be reached without CORS restrictions, as the developer visual is a sandboxed iframe with its origin removed for security reasons. If it's a web worker, then these cannot currently be loaded under the current visuals sandbox, due to the attribute you're mentioned. MS will not remove this restriction due to aforementioned security concerns.

I have spent many attempts to get workers loading (including direct contact with the team) under these conditions, but it is not currently supported (and to my knowledge there are no plans). A workaround is if you can host the workers on a remote URL, but if you are planning to certify your visual then this will not be viable unfortunately.

Regards,

Daniel

[emiljas]

It appears you can use TinyMCE using inline mode and optionally fixed_toolbar_container and 

toolbar_persist options.

https://github.com/tinymce/tinymce/discussions/9348