No video
This might be the most configurable rich text editor for next.js
Рет қаралды 17,735
3 ай бұрынlink to tiptap tiptap.dev/doc...
My Products
📖 ProjectPlannerAI: projectplanner...
🤖 IconGeneratorAI: icongeneratora...
📝 ThumbnailCritique: thumbnailcriti...
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.web...
📁 GitHub: github.com/web...
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody
@griffadev 3 ай бұрын
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 3 ай бұрын
We are also using slate at work, but for personal or side projects, wanted to fins something easier to get going with.
@rahim.tn99 3 ай бұрын
Thank you very much for sharing this package ❤ good luck with your new project, I like how your keyboard sounds like.
@FalioV 3 ай бұрын
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 3 ай бұрын
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..
@CodingAfterThirty 3 ай бұрын
Nice, I was looking to try it out. And nice video as always.
@SeibertSwirl 3 ай бұрын
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 3 ай бұрын
😘 you’ll always be my main project
@animatedfun6860 3 ай бұрын
Love your efforts and work bro., may u get more and more success in life. ❤
@WebDevCody 3 ай бұрын
Thank you so much 😀
@real23lions 3 ай бұрын
"I know I have a lot of side projects. Don't judge me" Relatable lol
@jora5483 3 ай бұрын
The nightmare is when client asks for including image importing feature to the editor !!
@internetaap 3 ай бұрын
That keyboard typing sounds satisfying af
@kevinzunigacuellar 3 ай бұрын
We use lexical at work. Very powerful and nice experience overall
@josephajibodu2377 3 ай бұрын
tiptap is one of if not the best out there.
@SogMosee 3 ай бұрын
a challenge for you would be to create a todo list with tiptap where each todo is draggable and indentable
@slavafedorov1528 3 ай бұрын
Tiptap is the best right now
@abdirahmann 3 ай бұрын
The sound of your keyboard is sooooo soooothing, what keyboard do you use?
@Innesb 3 ай бұрын
I guess you didn’t see the video in which Cody demonstrates the fake keyboard-typing noises!
@WebDevCody 3 ай бұрын
🤣 klack is the app name
@dailynews7822 21 күн бұрын
Nice rich text editor. Can make blog post with it
@Fullflexno 3 ай бұрын
Thank you for this!
@yarrichar 3 ай бұрын
Yeah, tip tap is awesome
@lotfijbeli1471 3 ай бұрын
Quill is a better option I guess with more formatting, settings, themes and free to manipulate ! Give it a try
@returnZeroo 3 ай бұрын
want to know more about your side project, if possible give us a paid course on it.
@WebDevCody 3 ай бұрын
Yeah I’ll probably make another course soon
@Ben-rx5bx 3 ай бұрын
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 3 ай бұрын
Idk I just call the editor methods from buttons that I style myself
@user-ji7fl8gj9i 3 ай бұрын
their docs are really hard to wrap my head around
@neociber24 3 ай бұрын
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 3 ай бұрын
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
@malun22 3 ай бұрын
How do you save and load the input to a database?
@williamx0 3 ай бұрын
is it paid though after a while? Or can you use it without paying?
@WebDevCody 3 ай бұрын
Paid is only if you want some more advanced stuff. The editor is free and mit license
@poulticegeist 3 ай бұрын
Have you tried lexicaljs?
@twitchizle 3 ай бұрын
yes babe
@danielmajer1648 3 ай бұрын
Christmas t-shirt during almost summer. Punk... 😂
@WebDevCody 3 ай бұрын
my kid kept asking me to wear it 🤣
@Silver-fh4fb 3 ай бұрын
I knew it was gonna be tip tap
@realitydesigners 3 ай бұрын
Did something like this but with Sanity CMS
@thestefandjokic 3 ай бұрын
Please add links for the stuff that you mention to your video descriptions like Theo/Travis/Josh/others do 🙏🏽🙏🏽🙏🏽
@WebDevCody 3 ай бұрын
oh I forgot, thank you!
@animanamit7543 3 ай бұрын
can you save rich text with bold/italic etc in supabase/postgres?
@vommir. 3 ай бұрын
yes
@edetedikan1063 9 күн бұрын
Please I am stuck here too, where you able to save into Supabase?
@alexbenny4181 3 ай бұрын
u should try platejs
@Aditya-lc5uk 3 ай бұрын
Is shadcn ui the new bootstrap ?? Because literally all the websites made by shadcn ui look exactly the same 🤣🤣😭😭
@WebDevCody 3 ай бұрын
Everyone is too lazy to customize anything 🤣
@justine_chang39 3 ай бұрын
Tiptap is very good
@asustufa1515 3 ай бұрын
What is that keyboard? So creamy :3
@odra873 3 ай бұрын
Not sure but didn’t he post a video about a program that plays these sounds when you type?
@WebDevCody 3 ай бұрын
I see what you did there 🤣
@daphenomenalz4100 3 ай бұрын
NeoVim go brrr 🌚
@ajzack983 3 ай бұрын
how is your wife doing Cody?
@WebDevCody 3 ай бұрын
Doing well! Thanks for asking!
@VeeWebCode 3 ай бұрын
this is paid
@WebDevCody 3 ай бұрын
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 3 ай бұрын
@@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