https://github.com/sereneinserenade/tiptap-extension-video

Tiptap 2 Extension for adding videos
https://github.com/sereneinserenade/tiptap-extension-video

Last synced: about 2 months ago
JSON representation

Tiptap 2 Extension for adding videos

• Host: GitHub
• URL: https://github.com/sereneinserenade/tiptap-extension-video
• Owner: sereneinserenade
• License: mit
• Created: 2022-05-12T14:54:44.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-12-21T11:46:29.000Z (6 months ago)
• Last Synced: 2025-03-31T08:07:13.892Z (3 months ago)
• Language: TypeScript
• Homepage: https://sereneinserenade.github.io/tiptap-extension-video
• Size: 483 KB
• Stars: 59
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-tiptap - tiptap-extension-video
• awesome-tiptap - tiptap-extension-video

README

        
# tiptap-extension-video

[Tiptap 2 Extension](https://tiptap.dev) for adding videos.

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 [:heart: Sponsor me](https://github.com/sponsors/sereneinserenade). 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](https://github.com/sereneinserenade)👨‍💻🤩**.

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

# Live Demo

Try it out live at https://sereneinserenade.github.io/tiptap-extension-video, and/or take a look at a demo-video below.

   Demo Video 

  

  https://user-images.githubusercontent.com/45892659/168123851-5fb7a3c3-d83f-4659-845f-3f96d4a2236c.mov

## How to use

Copy-paste [`video.ts`](src/extensions/video.ts) file in your own repo and import `SearchNReplace` from that file and use that as an extension. For more details see [`Tiptap.tsx`](src/components/Tiptap.tsx) or the example implementations below. If you have any question, feel free to [open an issue](https://github.com/sereneinserenade/tiptap-extension-video/issues).

## Contributing

Show your ❤️ by ⭐️ing this repository! It means a lot.

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

## Awesome peeps, who've starred this repo 🚀! Thank you!

[![Stargazers repo roster for @sereneinserenade/tiptap-extension-video](https://reporoster.com/stars/dark/sereneinserenade/tiptap-extension-video)](https://github.com/sereneinserenade/tiptap-extension-video/stargazers)