Тёмный

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

Superthread
Подписаться 1,3 тыс.
Просмотров 7 тыс.
50% 1

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

 

24 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@JamesRBentley
@JamesRBentley 9 месяцев назад
Very helpful explanation, we are looking to use Tip Tap as well
@superthread_devlog
@superthread_devlog 9 месяцев назад
Glad it was helpful!
@Axorax
@Axorax 3 месяца назад
Superthread looks great and also has so many features
@mhaidarhanif
@mhaidarhanif 9 месяцев назад
Yes, TipTap has the best developer experience compared to the others.
@superthread_devlog
@superthread_devlog 9 месяцев назад
Our reasoning can be summed up here: superthreadnl.substack.com/p/how-we-implemented-tiptap-editor - but I would say that the others are good options too.
@mhaidarhanif
@mhaidarhanif 9 месяцев назад
@@superthread_devlog Thanks! Very in depth check list for comparison
@moy2010
@moy2010 9 месяцев назад
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.
@superthread_devlog
@superthread_devlog 9 месяцев назад
We were running quill inside of superthread for a while but the community was a bit quiet at that time.
@sensei7022
@sensei7022 9 месяцев назад
Hi Moy, i was working on a similar project, how are you storing nested file and folders in db ?
@ИванЛягушкин-й2о
@ИванЛягушкин-й2о 9 месяцев назад
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.
@superthread_devlog
@superthread_devlog 9 месяцев назад
That would be for you to decide. One thing worth noting is that the creator of lexical was extremely responsive on twitter.
@kerozhai
@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.
@krike2315
@krike2315 6 месяцев назад
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?
@superthread_devlog
@superthread_devlog 6 месяцев назад
We made logic for displaying drag-handle next to the currently hovered block so it's draggable natively.
@cocoiyeah
@cocoiyeah 6 месяцев назад
You should add: Blocknote Js. It's open source. Great docs.
@superthread_devlog
@superthread_devlog 6 месяцев назад
I'll check it out
@WebHighlights
@WebHighlights 4 месяца назад
Isn't Blocknote built on top of TipTap?
@arihantsinghrana2173
@arihantsinghrana2173 7 месяцев назад
Thank you really needed this
@superthread_devlog
@superthread_devlog 3 месяца назад
Glad you found it useful.
@tim7517
@tim7517 8 месяцев назад
Thanks, my guy! We're looking to use TipTap too. Does it have real-time or asynchronous comments/versioning?
@superthread_devlog
@superthread_devlog 6 месяцев назад
They do a real-time collaboration as a service I think, we use YJS.
@rezatm235
@rezatm235 8 месяцев назад
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 ?
@superthread_devlog
@superthread_devlog 8 месяцев назад
They are all pretty good. We might have considered lexical had we not used VUE but as mentioned, they are all good options.
@sensei7022
@sensei7022 9 месяцев назад
Hey, Superthread look cool, could you please explain pros and cons of lexical.
@superthread_devlog
@superthread_devlog 9 месяцев назад
It's all in the video + there is a link to the table in the description.
@noworkandallplay5662
@noworkandallplay5662 9 месяцев назад
Nice video, cool setup too!
@superthread_devlog
@superthread_devlog 9 месяцев назад
Thanks!
@Ilikecats_youtube
@Ilikecats_youtube Месяц назад
What about Editor.js?
@gorce_coder
@gorce_coder 3 месяца назад
How about Yoopta editor?👀
@superthread_devlog
@superthread_devlog 3 месяца назад
Not heard of it.
@cesargamer1231
@cesargamer1231 9 месяцев назад
How to implement image resize in tiptap? React pls
@superthread_devlog
@superthread_devlog 9 месяцев назад
Our implementation is vue.
@Toulkun
@Toulkun 7 месяцев назад
All these are way too expensive
@superthread_devlog
@superthread_devlog 6 месяцев назад
You can use them for free.
@Ss-zg3yj
@Ss-zg3yj 2 месяца назад
TipTap is bad, almost everything is paid addons with horrible pricing.
Далее
A New Drag And Drop Library For EVERY Framework
16:02
Просмотров 156 тыс.
Wait for it 😂
00:19
Просмотров 848 тыс.
Top 6 Tools to Turn Code into Beautiful Diagrams
3:24
Просмотров 687 тыс.
Build your own Notion-like WYSIWYG Editor in React
20:27
The MOST UNDERRATED Productivity App and How I use it.
7:28
Every React Concept Explained in 12 Minutes
11:53
Просмотров 735 тыс.
Lexical - the Hot New JS Rich Text Editor 🔥
6:22
Просмотров 31 тыс.
Devlog #24 - Our new tech stack
5:20
Просмотров 566