Draft-js: DraftJS with s3 image upload

Created on 26 Nov 2019 · 5Comments · Source: facebook/draft-js

Hello,

Is it possible to use this editor for the following;

h1-h6 styles, bold, italic and links buttons (Appears so)
Allowing images to be added, and aligned but the image should be uploaded to an s3 bucket as part of the saving process

If not, is there any other editors that work with ReactJS and could do this? My stack is NextJS + Material-UI + Hapi.

Many thanks... I did look through the awesome draft repo, but I couldnt determine where images went.

Source

bonbonio

Most helpful comment

Hey @bonbonio. I made a quick plugin for draft-js called draft-js-aws-amplify-s3 that _may_ help you.

AryanJ-NYC on 26 Dec 2019

❤3 👀1

All 5 comments

You need to write your own handler for image uploads or use some of the community plugins.

In reality, if you're looking for a more robust solution for a text editor, you should check out other packages, as this one is barely maintained and requires lots of configuration to make it work.

jdrzejb on 27 Nov 2019

Check out https://www.draft-js-plugins.com/, they seem to have a plug-in for adding images. I haven't used them myself, but the Alignment + Resize + Focus + Drag'n'Drop + Drag'n'Drop Upload Example section sounds like what you need.