Text editor component rendering issue


I’m working on adding a rich text editor to my viewer, but I’m running into some issues. When I try to render the editor UI, I’m only seeing the HTML textarea element with default CSS. I’ve tried using TinyMCE, Mantine, and Tiptap editors, but I’m getting the same result.

I’m using OHIF v3.5, and I’ve followed these steps:

  1. Installed the respective NPM packages in the UI workspace
  2. Imported the editor component(s) in my viewer page

I would appreciate any help or guidance on how to resolve this issue.


Hello @mr-sonalia. I quickly tried Tiptap and what I believe I witnessed was tailwind’s effect on the various button and UI elements. That is, I loosely followed React WYSIWYG – Tiptap Editor to help put the editor into OHIF and one thing I saw was the buttons rendered but with no base button styling (i.e. they looked like plain text).

You could apply your own stylesheets to customize the styling to your liking. I suppose you could also insert the editor in an iframe if you really wanted to as well.

I apologize for not having a better answer than this.