Devlog #20 - Which JS Editor Library, Quill, TipTap or Lexical

We at www.superthread.com have decided to rewrite our editor from scratch. In this video, I talk about how we went about it, and how we compared different Javascript libraries:
* Quill JS - quilljs.com/
* TipTap - tiptap.dev/
* Lexical - lexical.dev/
And why we chose what we chose.

[@victordililah]

Just finished a 20 hours sprint of coding on Lexical. It works, and it’s very configurable - mainly because you actually write everything by yourself. I had to write everything like the Toolbar, Image Display, Link Addition and Floating Edit toolbar for links. And the API - very powerful, but very very confusing. I am thinking on switching to Quill, because I am not sure my Techlead would approve so much code to be maintained by our team.

[@superthread_devlog]

Lexical was good but VUE implementation was lacking at that time.

[@Anas_Alaqeel]

I spent 2 days on Lexical to only make a link button and still no luck. Lexical documentation is horrible and have lack of many information I couldn’t understand how it works and where should I start from

[@viktorlovgren5144]

Great video! Would love to hear more about which actual features from that sheet that made it stand out for you guys compared to the others. I just implemented TipTap for my Vue based webappo as well. Easy to work with.

[@superthread_devlog]

This might help: superthreadnl.substack.com/p/how-we-implemented-tiptap-editor

[@ryanw3b3r]

Good video and nice to know that you've finally come to conclusion on editor. Only tiny comment from me - music in the video is too loud. Can't hear you properly.

[@superthread_devlog]

Ahh, good point, will sort it out next time.

[@adjuvara]

I've discovered you at 377 subs , great content , hope I'll see you at 100k soon 😁. Please add a link in the description , I've found the vid on desktop and googled quickly , but on mobile people are too lazy .

[@superthread_devlog]

Thank you!! Will do.

[@sachinjadeja]

A really great video. A quick question How did you store the data? And was there any need for data migration when switching between quill and tiptap

[@superthread_devlog]

Good question, there was, I will do a follow-up video and explain this after discussing it with the team.

[@grahamsmith48]

Ppp1pt tree 11rpo

[@bpospanov]

Hi! Thanks for great video. Could you please explain what you meant by saying that lexical is first class react implementation and tiptap is just starting and its too late for you to use? I did not quietly undestood that sentence

[@superthread_devlog]

I can't remember now, do you have the time of the video where I said that. btw. I will do a follow-up video to explain how things went.

[@taibui1297]

Can you share the comparison link as i also need final decision when choosing Editor but for Angular 😅

[@superthread_devlog]

superthreadnl.substack.com/p/how-we-implemented-tiptap-editor

[@venicebeachsurfer]

I am in the same boat - and debating between Lexical vs Tiptap. Can you tell me specifically why you didn't go with Lexical?

[@chowadagod]

it's explicitly explained in the video lol

[@superthread_devlog]

This might explain it: superthreadnl.substack.com/p/how-we-implemented-tiptap-editor

[@j43fura71]

Can you please share the table?

[@superthread_devlog]

superthreadnl.substack.com/p/how-we-implemented-tiptap-editor

[@ammakr]

We are building a next.js web app, and we want a medium/notion like editor from which users can create blogs. It would be nice if you could tell should we use tiptap, lexical or something like editorjs?

[@Parthrc]

I am also in the same boat, have u come to any conclusion yet?

[@ammakr]

@@Parthrc yeah, I am using tiptap for now, just as a basic source of input from user, will use something else in future or customize it to make it more polished. It will be nice if you can share what you are working on, and what is your take on this?

[@essentials9302]

@@ammakr Try yoopta editor

[@ammakr]

@@essentials9302 I just checked it. It looks awesome. In my project, I am currently using tiptap. It was a pain to configure for sure. Thanks for recommending this, I will move from tiptap to something like yoopta soon. Thanks!

[@dream-guardian]

I used Quill, but had issues with paste. Maybe it was my fault though. Quills issue is that it doesn’t have ENOUGH good maintainers, it’s too founder-centric, and the founder now doesn’t have enough time. Albeit the concept of deltas is quite intersting.

[@superthread_devlog]

I think they are all pretty good, it's just that this time TipTap worked for us.

[@suriyasanjay5547]

What about slate js ??librays please put video for slate js

[@superthread_devlog]

We didn't consider it at that time.

[@suriyasanjay5547]

@@superthread_devlog now sir

[@elvisketer628]

As a dev experienced in UI interfaces, I would say Quill is actually the best. Easy to write, access modules and edit formats than other editors, and renders the output the same way as the user inputs.

[@axelb423]

Have you try Lexical?

[@admera4ever]

Quill does no longer seems to be actively developed as I understand it. Version 2.0 was announced 2017 and is still not yet released.

[@elvisketer628]

Yes, and I can say it with an open chest that Quill >>>@@axelb423

[@elvisketer628]

@@admera4ever editors don't need that much maintenance

[@superthread_devlog]

They are all pretty good.

[@adtc]

Your music is too loud, even when it's lowered when you're speaking. Make it ever lower. Should barely hear it.

[@superthread_devlog]

There is a new version of the video check that out.

[@danvilela]

You didn't say anything..

[@superthread_devlog]

I will do a follow up video on how things went so watch this space.