Enhance Your Editing Experience with Tiptap’s New FileHandler Extension.

Published October 30th, 2023 by @philipisik

Visualization of the FileHandler Extension

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.


  • 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.

Like what you’re reading?

Subscribe via RSS to receive new posts in the feed reader of your choice.