Skip to content

(drag and) drop image upload for Prosemirror

License

Notifications You must be signed in to change notification settings

shoobyban/prosemirror-dropimage

Repository files navigation

(drag and) Drop Image upload for Prosemirror

File upload by dragging the images onto the Prosemirror editor. No upload form, no hassle. Accepts svg, png, jpg and gif.

Dropping image

Usage:

const {imageDropHandler} = require('prosemirror-dropimage')

...
let state = EditorState.create({
  doc: DOMParser.fromSchema(myschema).parse(document.querySelector("#content")),
  plugins: [
    ...
    imageDropHandler(myschema,'/api/fileupload'),
    ...
  ],
})

The second parameter is the upload endpoint, processes multipart/form-data file uploads and returns 200 and image URL in body.

No tests (not normal from me, I know). Pull requests and (even) issues are welcome.