sereneinserenade/notitap

Notitap - Notion like editor built on top of tiptap.

notitap

Pro version of Notion like editor built on top of Tiptap.

A ⭐️ to the repo if you 👍 / ❤️ what I'm doing would be much appreciated. If you're using this extension and making money from it, it'd be very kind of you to ❤️ Sponsor me. If you're looking for a dev to work you on your project's Rich Text Editor with or as a frontend developer, DM me on Discord/Twitter/LinkedIn👨‍💻🤩.

I've made a bunch of extensions for Tiptap 2, some of them are Resiable Images And Videos, Search and Replace, LanguageTool integration with tiptap. You can check it our here https://github.com/sereneinserenade#a-glance-of-my-projects.

Note: This is React version. Vue3 version will be coming 🔜

Demo:

Visit https://sereneinserenade.github.io/notitap/ for a live demo.

Click to see the video

Screen.Recording.2022-08-14.at.19.31.45.mp4

Sponsors:

This project is made possible thanks to these amazing orgs/people.

Contributing

❤️ Sponsor me to make it possible for me to work on . You can also show your ❤️ by ⭐️ing this repository. Your support means a lot.

Clone the repo, do something, make a PR. You know what's the drill. Looking forward to your PRs, you amazing devs.

Stargazers

notitap's Issues

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)

feat: Link Preview, autoLink

show name, url

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

feat: Drag Handles

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

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)

feat: 'shash' menu

https://tiptap.dev/experiments/commands

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

feat: resizable Image/Video

feat: Bubble Menu

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

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