Announcements
Hi
There seems to be an issue with fabric ui surfaces. I am trying to incorporate tinyMCE into a pcf control. As shown in the screen shot, the surface doesn't seem to properly encapsulate tinyMCE. The format menu in the surface is showing up behind the surface.
https://github.com/tinymce/tinymce-react
https://www.tiny.cloud/docs/integrations/react/
Any reason why you want to use TinyMCE?
A few people have got quilljs to work with react well https://pcf.gallery/d365richtexteditor/ is a good example to work from.
Ben
Because it has better support when it comes to adding fonts. I have worked with quill before and it is a pain to customize.
The editor being used on this forum is also tinyMCE. 😁
Can you please check the CSS , looks like Z-index for the flyout need to be adjusted. There is a community tinyMCE control which can be referenced - https://pcf.gallery/tinymce-rich-text-editor/
hemant
@HemantG
The rich text project doesn't encapsulate tinyMCE within a fabric-ui modal surface. Other 3rd party editor projects seem to have the same issue.
Also the documentation doesn't indicate that you can control the z-index.
https://www.tiny.cloud/docs/integrations/react/#tinymcereacttechnicalreference
Under review
Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.
In our never-ending quest to improve we are simplifying the forum hierarchy…
Congratulations to our 2025 community superstars!
These are the community rock stars!
Stay up to date on forum activity by subscribing.
WarrenBelz 279 Most Valuable Professional
Kalathiya 229 Super User 2026 Season 1
VASANTH KUMAR BALMADI 195
