sereneinserenade / notitap

Notitap - Notion like editor built on top of tiptap.

Hey there, legends! 👋 I'm Jeet, a Frontend Developer aiming to be a Full Stack Develper, currently @beehiiv as Editor Engineer, making our Post Editor awesome with Tiptap, React & Ruby on Rails.

✦ My passion for open-source fuels my side projects like Notitap and PlaceNoter, along with contributing to impactful projects like tiptap. Engaging in thoughtful discussions with communities¹ keeps my gears turning. Currently geeking out over Rust & Tauri — seriously 🤯 stuff!

✦ My favourite pieces of technology are WYSIWYG/WYSIWYM Rich Text Editor toolkits like TipTap + ProseMirror and the novel competitor, Lexical. Solving the puzzles of user-centric editors, like our Smart Contract gem, has been my jam for over 3 years. Curious? Check out my creations!

✦ Got an awesome project in mind or just want to talk? Find me on Discord, Twitter, or LinkedIn, or simply drop an email at jeet • mandaliya7 {'at'} gmail • com. Let's turn ideas into code magic! ✨💻

📊  More Github Stats

A glance of my projects

Projects Related to Tiptap/Prosemirror

Projects related to Lexical

Chrome Extension

---

🔥  Github Streaks

🪪  Badges

Footnotes

1. hello 👋 if you found my profile from communities, let's connect here and/or on linkedin. Reach out to me on linked in and/or discord: sereneinserenade. Prefer Email ? jeet • mandaliya7 {'at'} gmail • com. ↩

notitap's Issues

feat: resizable Image/Video

feat: Drag Handles

Clicking this button opens a delete dropdown option somewhat like notion
Holding and dragging this button moves element

feat: Link Preview, autoLink

show name, url

fyi: JIRA has great link previews if we want to get some inspiration from that also

feat: Bubble Menu

https://tiptap.dev/api/extensions/bubble-menu

feat: Table

Take inspiration from https://www.npmjs.com/package/@remirror/extension-react-tables

Also might wanna publish as an independent package for tiptap.

• edit table with editing indicators in columns. Clicking these indicators can add or delete a column to left or right.
• Same way can add or delete a row up or down
• Highlighting(selecting) text in table cells gives editing options like bold, italic, heading (don't disable bubble menu)

vue node component deletion problem

Hello, I refer to many of your tiptap extensions. I sincerely thank you for reducing my workload. Recently, I am referring to the drag handle function of your notitap project. I encountered a problem during the use of inserting vue components. Or when it comes to picture and video nodes, the node cannot be deleted using the backSpace key. It can only be deleted using the backSpace key after clicking it. I tried to fix this problem, but it has not been solved. Can you help me? Thank you.

QQ2024412-174027.mp4

Slash Command is not working

Hi @sereneinserenade,
How do I enable the slash command here? Please help me set it up with the NExtJS application

Commands not visible

I tried opening the command menu using forward-slash method and it does work. Moreover I also tried to open it using the "+" sign, and it still does not work. I cant get it to open.

feat: Init Tiptap Project

We can use https://daisyui.com/ with Tailwind

Elements to include with init.

heading 1
Heading 2
Heading 3
Bold
Italic

feat: 'shash' menu

https://tiptap.dev/experiments/commands

feat: File upload

maybe have a backend with next for dev purpose?

show name and size of the file (might wanna save that as attrs while uploading itself)