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

Подписаться 1,3 тыс.

Просмотров 14 тыс.

50% 1

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.

Опубликовано:

3 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@victordililah 10 месяцев назад

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 8 месяцев назад

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

@Anas_Alaqeel 8 месяцев назад

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

@koolam5158 День назад

Very good, could u share the analysis table between these 3.

@geek-couch Год назад

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.

@viktorlovgren5144 10 месяцев назад

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 8 месяцев назад

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

@j43fura71 Год назад

Can you please share the table?

@superthread_devlog 8 месяцев назад

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

@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.

@taibui1297 9 месяцев назад

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

@superthread_devlog 8 месяцев назад

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

@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

@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 8 месяцев назад

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

@dream-guardian 9 месяцев назад

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 8 месяцев назад

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

@konqestiare 7 месяцев назад

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 6 месяцев назад

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

@konqestiare 6 месяцев назад

@@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 4 месяца назад

@@konqestiare Try yoopta editor

@konqestiare 4 месяца назад

@@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!

@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.

@suriyasanjay5547 10 месяцев назад

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

@superthread_devlog 8 месяцев назад

We didn't consider it at that time.

@suriyasanjay5547 8 месяцев назад

@@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.