TinyMCE VS ProseMirror

i use this for textarea, it has all possible tools uncluding drag and drop files ... https://www.tiny.cloud/ Tiny MCE

TinyMCE is a web-based Javascript WYSIWYG editor that is platform-independent and was released as open source under LGPL.

On top of being able to view my blog posts in TinyMCE, you can also edit, create and save .whtml files representing these WYSYWIG documents. If you want to edit the file in a more code/text friendly format, I also have added Monaco Editor, which I consider almost like a mix between VS Code and Notepad. Monaco has language detection, line information & Prettier formatting options.

Text Editor: Quill and TinyMCE

Many of the available editors, like TinyMCE, work really well and are great for most projects. However, you might find one or the other editor a bit overloaded, too complicated or you just want to program your own WYSIWYG editor.

If all you need is paragraphs, links, italics, and bold, and you don't mind making the user type these tags themselves, you can technically accomplish this without a WYSIWYG: use a tag (text_area is the form helper), then simple_format() the output.

But obviously that kind of sucks. For your use case, Trix is fine, right out of the box.

My go-to WYSIWYG is TinyMCE: https://www.tiny.cloud/. It's very powerful and almost infinitely configurable.

More about it here: https://www.tiny.cloud

There's quite a few. I use TinyMCE : https://www.tiny.cloud/

I did a similar analysis a year ago and came to the conclusion that ProseMirror (https://prosemirror.net) was the right choice for my project. ProseMirror is an excellent toolkit for building your own rich text components and happens to also be written by the author of CodeMirror. It does not give you as quick an out of the box experience as slate (or any of the other rich text libraries out there) but its speed and flexibility is excellent.

Sounds like you need a WYSIWYG editor. There are a bunch of them, but I like Prosemirror and Milkdown the most.

ProseMirror: Seems like more of a toolkit.

🦾 Reliable - Built on top of prosemirror and remark

I'm sorry, but nested block formats are not supported, the current editor does not allow it. This cannot be changed easily, but I planned to have a look at ProseMirror, which could be a solid replacement for the current editor. At this time I cannot tell whether SilentNotes will make the switch to ProseMirror, and if it does, there is still the question whether nested block-formats are worth the loss of simplicity in usage.

I haven't done it in Svelte but I'd be inclined to use ProseMirror. I'm a fan of Marijn Haverbeke's work.

ProseMirror

You pretty much never need to touch contenteditable yourself, if you are going to be building a custom editor. It's still not something easy by a long shot, but using something like ProseMirror is going to be much less frustrating. (though still hard and time-consuming)

I have created a library to deal with contentEditable called bangle.dev which in itself is an abstraction on top of the popular https://prosemirror.net library.