Skip to content

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.

About

(drag and) drop image upload for Prosemirror

Resources

Stars

20 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages