Enhance Your Editing Experience with Tiptap’s New FileHandler Extension.
Published October 30th, 2023 by @philipisik
The FileHandler extension allows you to easily handle file drops and pastes in the editor. You can define custom handlers for both events & manage allowed file types.
To get started, install the FileHandler extension from our private registry using npm install @tiptap-pro/extension-file-handler
.
Settings:
- onPaste(): callback function when a file is pasted into the editor
- onDrop(): callback function when dropping a file into the editor
- allowedMimeTypes(): controls which file types are allowed to be dropped or pasted into the editor
Read the full documentation here: www.tiptap.dev/api/extensions/file-handler
We'd Love to Hear From You
We're excited to see what you build with Tiptap's new FileHandler extension. If you have any feedback or suggestions, write us at humans@tiptap.dev.