react-draft-wysiwyg VS TinyMCE

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

TinyMCE provided a bit more information about this change in a GitHub discussion thread here: https://github.com/tinymce/tinymce/discussions/9496

As I posted there, this directly affects my open source project which is heavily tied to TinyMCE so I may end up forking, and reducing down to what my project needs to reduce maintenance scope & burden.

TinyMCE have been jumping around with their licensing. They were under LGPL, with some (what I believe were) misleading guidance into meeting the LGPL (they specified rules about keeping specific branding elements). They then jumped to MIT, and since moved some of the open plugins to their commercial offering. Now they're making this change.

TinyMCE 7 includes fixes for 17 bug fixes reported by the community. See the changelog for details.

TinyMCE - rich text editing API. Core features are free for unlimited usage.

Website

Any idea how i could replace the current classic editor with the newest tinymce wyswig editor: https://www.tiny.cloud/ it looks so modern and clean and i would love to use it but the default wordpress classic editor is so old and is some really old version of tinymce and I'm unsure of how to change it, any plugins or scripts to do this?

Any idea how i could disable the default crappy wordpres ugtenbergs block and instead replace it with the newest tinymce wyswig editor: https://www.tiny.cloud/ it looks so modern and clean and i would love to use it but the default wordpress classic editor is so old and honestly makes me sick, any plugins or scripts to do this?

Luckily, implementing a basic text editor in your React application is a fairly straightforward process. In this article I will show you how to implement a rich text editor using TinyMCE.

Check https://www.tiny.cloud/

I'm using TinyMCE as the rich text editor, you can replace it with something else, or simply use a if you wish.