Hacker News Reader

Comment by hartator | Hacker News Reader

No image support? It’s the main thing that’s a pain in the ass to support.

There are editors that handle images very well by default, like Quill or Trix.

If you start diving deeper you’ll find out that image handling is just super complex and the behaviour is dependant on what you’re building. Then you’ll be happy to have full control about the behaviour with editors like Slate, ProseMirror or Tiptap.

The customisability is definitely a plus, you can make slate fit in perfectly with almost any UI. Whilst you don't get complex image handling by default, I think their image handling example [0] is a really nice minimal implementation which is quite intuitive.

[0] - https://www.slatejs.org/examples/images

Just wanted to note to those thinking of using it: beware of Quill. I used it for my project, but it was not made for saving and then displaying the rich text. At least for me, it was a hassle figuring out how to accomplish this.

I’ve started using quill recently (for users to write, save and then display). I’m just rendering the saved structure and disable the editor parts for “display”. I’m happy with it

That is not how anyone would reasonably expect to be able to display rich text.

The basic package is bare though very much functional. The problem with whatabout's for such an editor is what do you put behind "image support"?

Some would need uploads, others just links, then copy and pasting, alt, captions, styling, etc...

Slate makes it easy to extend its core with custom blocks. Now, it's definitely some work but it's actually very intuitive to work with.

For those that want more on top of Slate, there's Plate (fka slate-plugins) which provides a lot of extras as a separate package.

https://plate.udecode.io/ https://github.com/udecode/slate-plugins

Similarly, there's slate-yjs for integration with yjs, and so forth.

For those that need something more mature that is very stable CKEditor is a very battle-tested alternative.

Reply on news.ycombinator.com