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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

ความคิดเห็น • 39

  • @JamesRBentley
    @JamesRBentley ปีที่แล้ว +8

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

  • @Axorax
    @Axorax 6 หลายเดือนก่อน +2

    Superthread looks great and also has so many features

  • @mhaidarhanif
    @mhaidarhanif ปีที่แล้ว +6

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

    • @superthread_devlog
      @superthread_devlog  ปีที่แล้ว

      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 ปีที่แล้ว

      @@superthread_devlog Thanks! Very in depth check list for comparison

  • @arihantsinghrana2173
    @arihantsinghrana2173 10 หลายเดือนก่อน +1

    Thank you really needed this

  • @noworkandallplay5662
    @noworkandallplay5662 ปีที่แล้ว

    Nice video, cool setup too!

  • @moy2010
    @moy2010 ปีที่แล้ว +1

    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  ปีที่แล้ว

      We were running quill inside of superthread for a while but the community was a bit quiet at that time.

    • @sensei7022
      @sensei7022 ปีที่แล้ว

      Hi Moy, i was working on a similar project, how are you storing nested file and folders in db ?

  • @ИванЛягушкин-й2о
    @ИванЛягушкин-й2о ปีที่แล้ว +1

    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  ปีที่แล้ว

      That would be for you to decide. One thing worth noting is that the creator of lexical was extremely responsive on twitter.

  • @kerozhai
    @kerozhai 4 หลายเดือนก่อน

    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.

  • @cocoiyeah
    @cocoiyeah 10 หลายเดือนก่อน +2

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

    • @superthread_devlog
      @superthread_devlog  9 หลายเดือนก่อน

      I'll check it out

    • @WebHighlights
      @WebHighlights 7 หลายเดือนก่อน +1

      Isn't Blocknote built on top of TipTap?

  • @Tim-again
    @Tim-again 11 หลายเดือนก่อน

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

    • @superthread_devlog
      @superthread_devlog  9 หลายเดือนก่อน +1

      They do a real-time collaboration as a service I think, we use YJS.

  • @rezatm235
    @rezatm235 11 หลายเดือนก่อน

    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  11 หลายเดือนก่อน

      They are all pretty good. We might have considered lexical had we not used VUE but as mentioned, they are all good options.

  • @kr1kee
    @kr1kee 9 หลายเดือนก่อน

    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  9 หลายเดือนก่อน

      We made logic for displaying drag-handle next to the currently hovered block so it's draggable natively.

  • @gorce_coder
    @gorce_coder 7 หลายเดือนก่อน

    How about Yoopta editor?👀

    • @superthread_devlog
      @superthread_devlog  7 หลายเดือนก่อน

      Not heard of it.

    • @rok_de
      @rok_de 3 หลายเดือนก่อน

      Yoopta is react, not Vuejs, IMHO

  • @Ilikecats_youtube
    @Ilikecats_youtube 4 หลายเดือนก่อน

    What about Editor.js?

  • @sensei7022
    @sensei7022 ปีที่แล้ว

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

    • @superthread_devlog
      @superthread_devlog  ปีที่แล้ว

      It's all in the video + there is a link to the table in the description.

  • @cesargamer1231
    @cesargamer1231 ปีที่แล้ว

    How to implement image resize in tiptap? React pls

  • @Toulkun
    @Toulkun 11 หลายเดือนก่อน

    All these are way too expensive

    • @superthread_devlog
      @superthread_devlog  9 หลายเดือนก่อน

      You can use them for free.

    • @sumitjha9373
      @sumitjha9373 2 หลายเดือนก่อน

      @@superthread_devlog how? Isn’t most of the stuff like annotations in tip tap paid

  • @Ss-zg3yj
    @Ss-zg3yj 5 หลายเดือนก่อน

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

    • @C4CH3S
      @C4CH3S 3 หลายเดือนก่อน

      And you can't even export plain markdown.