Image plugin with uploading, image title and a few other things

Hi everyone,

SAP needed an image plugin for their internal editor, and they wanted to open source it too, the result is an npm module which can:

  • handle drag and drop and pasting of images from external sources
  • upload images trough an endpoint
  • optional image title
  • and a few other things!

A blog post where you can try it

The GitLab repo

We’re looking for work, if you have something ProseMirror related then feel free to ping me here.

Big thanks for Marijn for creating this awesome library!

5 Likes

Cool, thanks for putting this on npm! I’ll make sure to refer people to it when they need something like this.

Thanks for posting this. I was planning on implementing image pasting in Prosemirror this morning and I just happened to check this forum – I borrowed a lot of your event handling code and and this undoubtedly saved me hours of work! My implementation here if you’re interested.

2 Likes

Many thanks to emergence engineering team for this plugin and @marijn for the prosemirror! Unfortunately I’ve faced an issue when image nodes are duplicated when dragging them (changing their position) inside the entire document. pm-duplicated-node

I’ve found that this update to the prosemirror-view package which resolves this issue brought this behavior. Unfortunately I couldn’t determine yet what should be updated in this plugin to meet new requirements of the prosemirror-view package. Maybe update to the schema or nodeView ? Could anyone give an advice on that? Thanks in advance.

P.S. Reproduction can be found here.

Hey Roman,

I’ve fixed this issue, thanks for the hunting, it helped me a lot! V

1 Like

Awesome news and great job :rocket: :rocket: Thank you, Viktor!