This might be the most configurable rich text editor for next.js

link to tiptap tiptap.dev/docs/editor/introd...
My Products
📖 ProjectPlannerAI: projectplannerai.com
🤖 IconGeneratorAI: icongeneratorai.com
📝 ThumbnailCritique: thumbnailcritique.com
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

Пікірлер: 65

  • @griffadev
    @griffadevАй бұрын

    I'm currently building out a rich text editor at work. It's started to get insanely complex the more functionality you need, but enjoying it. We're using slate, it's super low level but gives you a lot of flexibility. I did try platejs but it requires you to install 100s of packages and tailwind just to make it work

  • @CodingAfterThirty

    @CodingAfterThirty

    Ай бұрын

    We are also using slate at work, but for personal or side projects, wanted to fins something easier to get going with.

  • @rahim.tn99
    @rahim.tn99Ай бұрын

    Thank you very much for sharing this package ❤ good luck with your new project, I like how your keyboard sounds like.

  • @CodingAfterThirty
    @CodingAfterThirtyАй бұрын

    Nice, I was looking to try it out. And nice video as always.

  • @animatedfun6860
    @animatedfun6860Ай бұрын

    Love your efforts and work bro., may u get more and more success in life. ❤

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Thank you so much 😀

  • @Fullflexno
    @FullflexnoАй бұрын

    Thank you for this!

  • @FalioV
    @FalioVАй бұрын

    Never saw this before. I usually use Quill in my React projects. Its super strong and easy to setup. Not sure if its that easy to customize that way, but works like a charm.

  • @ugurcodes
    @ugurcodesАй бұрын

    Some of the extensions are not free though. I remember that I wanted to add emoji support and it was not possible in free tier? To me it shouldn't be a priced product..

  • @SeibertSwirl
    @SeibertSwirlАй бұрын

    Side project king 👑 but I love you! Especially since you’re making me something to help with my writing 😘 I love ya! You’re doing a great job

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    😘 you’ll always be my main project

  • @josephajibodu2377
    @josephajibodu2377Ай бұрын

    tiptap is one of if not the best out there.

  • @internetaap
    @internetaapАй бұрын

    That keyboard typing sounds satisfying af

  • @kevinzunigacuellar
    @kevinzunigacuellarАй бұрын

    We use lexical at work. Very powerful and nice experience overall

  • @Ben-rx5bx
    @Ben-rx5bxАй бұрын

    Hey Cody great vid, just wondered how you managed to make it work using Tailwind styles? I am using the same editor and for some reason tailwind styles do not apply - instead I have to use classnames and traditional css. Only part of my project where its not working!

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Idk I just call the editor methods from buttons that I style myself

  • @slavafedorov1528
    @slavafedorov1528Ай бұрын

    Tiptap is the best right now

  • @malun22
    @malun22Ай бұрын

    How do you save and load the input to a database?

  • @neociber24
    @neociber24Ай бұрын

    How do you create so many side projects? Do you "finish" them? For my is hard to start something new without finishing the other.

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    no I don't finish many of them, but I always make sure there is 1 new thing I'm learning before I start the side project otherwise it's not worth it. A lot of the content I make on my channel come from the things I learn from working on these side projects

  • @poulticegeist
    @poulticegeistАй бұрын

    Have you tried lexicaljs?

  • @abdirahmann
    @abdirahmannАй бұрын

    The sound of your keyboard is sooooo soooothing, what keyboard do you use?

  • @Innesb

    @Innesb

    Ай бұрын

    I guess you didn’t see the video in which Cody demonstrates the fake keyboard-typing noises!

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    🤣 klack is the app name

  • @yarrichar
    @yarricharАй бұрын

    Yeah, tip tap is awesome

  • @real23lions
    @real23lionsАй бұрын

    "I know I have a lot of side projects. Don't judge me" Relatable lol

  • @twitchizle
    @twitchizleАй бұрын

    yes babe

  • @SogMosee
    @SogMoseeАй бұрын

    a challenge for you would be to create a todo list with tiptap where each todo is draggable and indentable

  • @Silver-fh4fb
    @Silver-fh4fbАй бұрын

    I knew it was gonna be tip tap

  • @jora5483
    @jora5483Ай бұрын

    The nightmare is when client asks for including image importing feature to the editor !!

  • @animanamit7543
    @animanamit7543Ай бұрын

    can you save rich text with bold/italic etc in supabase/postgres?

  • @vommir.

    @vommir.

    Ай бұрын

    yes

  • @realitydesigners
    @realitydesignersАй бұрын

    Did something like this but with Sanity CMS

  • @williamx0
    @williamx0Ай бұрын

    is it paid though after a while? Or can you use it without paying?

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Paid is only if you want some more advanced stuff. The editor is free and mit license

  • @alexbenny4181
    @alexbenny4181Ай бұрын

    u should try platejs

  • @user-ji7fl8gj9i
    @user-ji7fl8gj9iАй бұрын

    their docs are really hard to wrap my head around

  • @thestefandjokic
    @thestefandjokicАй бұрын

    Please add links for the stuff that you mention to your video descriptions like Theo/Travis/Josh/others do 🙏🏽🙏🏽🙏🏽

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    oh I forgot, thank you!

  • @lotfijbeli1471
    @lotfijbeli1471Ай бұрын

    Quill is a better option I guess with more formatting, settings, themes and free to manipulate ! Give it a try

  • @danielmajer1648
    @danielmajer1648Ай бұрын

    Christmas t-shirt during almost summer. Punk... 😂

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    my kid kept asking me to wear it 🤣

  • @returnZeroo
    @returnZerooАй бұрын

    want to know more about your side project, if possible give us a paid course on it.

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Yeah I’ll probably make another course soon

  • @justine_chang39
    @justine_chang39Ай бұрын

    Tiptap is very good

  • @Aditya-lc5uk
    @Aditya-lc5ukАй бұрын

    Is shadcn ui the new bootstrap ?? Because literally all the websites made by shadcn ui look exactly the same 🤣🤣😭😭

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Everyone is too lazy to customize anything 🤣

  • @asustufa1515
    @asustufa1515Ай бұрын

    What is that keyboard? So creamy :3

  • @odra873

    @odra873

    Ай бұрын

    Not sure but didn’t he post a video about a program that plays these sounds when you type?

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    I see what you did there 🤣

  • @daphenomenalz4100
    @daphenomenalz4100Ай бұрын

    NeoVim go brrr 🌚

  • @ajzack983
    @ajzack983Ай бұрын

    how is your wife doing Cody?

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Doing well! Thanks for asking!

  • @VeeWebCode
    @VeeWebCodeАй бұрын

    this is paid

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Yeah I noticed they have a paid plan, but their free editor is MIT so you don’t need to pay for that. I think the paid stuff is integration with their service which handles multiple people editing the same text at the same time, leaving annotations and comments, etc.

  • @thestefandjokic

    @thestefandjokic

    Ай бұрын

    @@WebDevCody regarding those extra features, only Lexical (from the Facebook team) offers all of it completely for free, but it has a very steep learning curve compared to tiptap