react-contenteditable VS react-draft-wysiwyg

Demo GitHub

There's a package for contentEditable: react-contenteditable

Tailwind already has modal example so I assume you are looking for rich text editor. Now library to use depends what your use case for editor is. If it is for editing code or json then @monaco-editor/react fits the bill very nicely. For more general content you can use react-draft-wysiwyg . I can provide more options if you specify what the editor will be used for.

React Draft Wysiwyg

Does anyone have experience with react-draft-wysiwyg?

I am working on a rich text editor used for converting plain html to editor content with next js for ssr. I got this error window is not defined so I search a solution to this github link

I've worked on something for a client that's very similar, it was for a noticeboard feature where a user can post notifications, and for that, rich text editing was required with image upload preview and other stuffs. I had it done with react-draft editor, so it is definitely suitable for comments. It allowed: -Image upload(from local Device and by embedding link), where you can adjust width and height in pixels before posting. -font adjustment -colour adjustment -lists and indents -emojis -hyper links -A <>monospace code editor<\> -Mentioning (user tags eg @user) function. And a lot of other basic text editing functions.

I was just looking for good editors for a project. There are lots of good ones I came across but the one I settled on is react-draft-wysiwyg because it supports Typescript and it's easily customizable.

Demo GitHub