Which editor? TipTap, Quill, Lexical, ...
After 3 months of hard work on our editor, we are launching Superthread 0.1 on PH (https://www.producthunt.com/posts/superthread-0-1-tasks-docs)
The importance of a reliable editor in a tool like Superthread, which seamlessly integrates Tasks and Docs, has become even more evident. The editor is utilized in various areas:
Cards (or tasks)
Pages
Card comments
Inline page comments
Checklist items
In each of these cases, it is crucial for the editing experience to be rock-solid.
Numerous editor libraries exist, but we narrowed down our choices to three: TipTap, Quill, and Lexical. It is worth noting that all three options are excellent. TipTap has gained significant popularity, Quill is utilized by Slack, and Lexical is an open-source project developed internally by Meta.
During the initial prototyping phase, TipTap appeared to be a safe choice, so we proceeded with it. However, while developing the prototype, we decided to experiment with Quill for comments. Quill performed well, leading us to decide on its implementation throughout the entire application.
Regrettably, the mistake we made was treating the editor as an afterthought. Our implementation was ad-hoc and hacky. Soon, we realized the need to start over and do it properly.
We preferred to stick with Quill due to our familiarity with it. However, we were dissatisfied with the collaborative editing service we used alongside it, as it had a peculiar bug that caused duplications. Since we had no control over this issue, we couldn't continue using it. We desired a solution where we had full control over the collaboration, and TipTap with yjs fit the bill.
To ensure a well-informed decision, we conducted research and created a comparison table, and even sought assistance from the creator of Lexical, who was exceptionally helpful and kind.
After considering all the options, we decided to proceed with TipTap.
After three months of dedicated effort, we have successfully developed an editor that fulfils all the necessary requirements with a green tick next to each item ✅.
Here is a video version of this post: https://youtu.be/vwXeKbL_k6w
Super useful comparison. I just had to make this decision for Indie Hackers (I'm building a new post and comment editor here), and I settled on Tipap for similar reasons.