Devlog #23 - Which JS Editor Library, Quill, TipTap or Lexical (updated)

In this video I recap how we compared the different JavaScript editor libraries:
I then go on to demo the main features we added.

As of now, we have a pretty powerful editor which is used throughout Superthread for Pages, Cards, Comments and more.

Here is the link of the comparison table of features and bugs for different libraries and our current implementation:

[JamesRBentley]

Very helpful explanation, we are looking to use Tip Tap as well

[Axorax]

Superthread looks great and also has so many features

[mhaidarhanif]

Yes, TipTap has the best developer experience compared to the others.

[ИванЛягушкин-йо]

Hey, thank you for this super-detailed comparison and for the channel in general - great stuff :)
I'm actually choosing the editor for the project I'm working on rn, so may I ask you - would you go with Lexical if you had a React codebase?
I was thinking about it a lot but decided to stick with TipTap because of community / prosemirror being so mature / out of the box collaboration feature.
Thank you and good luck to you and to Superthread.

[kerozhai]

Nice video! I'm implementing the "slash commands" stuff, but I don't want to trigger it in inline code(Just like the behavior in Superthread). I tried the `allow()` method of "suggestion" and use `editor.isActive('code')` to check, but it seems the result is incorrect. Could you please help me out? Thanks in advance.

[moy]

Superthread is looking really cool! I also implemented the "Internal Link Extension" feature for my project using Lexical, though I called it "Smart Link". I feel very happy with Lexical and React, and I think it's level of maturity is finally allowing it to be used in more special use cases, which is exciting.

How far did you go with your implementation with Quill? Before I used Lexical I was using Slate.js, and the refactoring took me around 1 month (considering that I was working on my side project only on my spare time). Suffice to say that I felt overwhelmed by the sheer amount of work that the refactoring demanded, so a piece of advice to anyone willing to create a rich text editor for their project: Evaluate very carefully which features / requirements you'll need out of your rich text editor library. It will save you a lot of time later on.

[Tim-again]

Thanks, my guy! We're looking to use TipTap too. Does it have real-time or asynchronous comments/versioning?

[rezatm]

Hello there and thanks for your helpful content !
We had an existing editor which is build on top of Slate js .
We make out mind to swich to another editor due to unfriendly slate js behavior .
We are using react but i doubt about should we use TipTap or lexical
Which one would you choose if you gonna develop in react ?

[cocoiyeah]

You should add: Blocknote Js. It's open source. Great docs.

[krike]

It would be interesting to know how you implemented dragging blocks as in notion?


Is each block wrapped in some kind of drag-and-drop component? Or something built into TipTap is draggable: true?

[sensei]

Hey, Superthread look cool, could you please explain pros and cons of lexical.

[cesargamer]

How to implement image resize in tiptap? React pls

[Ss-zgyj]

TipTap is bad, almost everything is paid addons with horrible pricing.