DraftJS Plugins 2.0

Now with rich text editing toolbars & drag’n’drop for images

#3 Product of the DayNovember 10, 2017

DraftJS Plugins 2.0 is plugin architecture for Draft.js now including rich text editing toolbars and features like drag'n'drop, alignment or resize for Atomic Blocks like images.

Version 1.0 already included Slack-like Emoji autocompletion or Facebook-like mentions.

Discussion
Would you recommend this product?
4 Reviews5.0/5
I would like to share same background how this project came to life: I started it about 1,5 years ago. At that time I was struggling with rich text editing tools and the release of Draft.js was a relieve. Finally a solid framework that fit my needs and allowed me to implement all the features I wanted. Briefly after the release of Draft.js I noticed a lot of editors built on top of Draft.js were released. Unfortunately all the features were hard-coded. That's where the idea of this plugin architecture was born. The goal is to provide developers with a set of plug & play feature plugins, that can be easily be styled and modified. I was quite busy with other projects over the last couple months and we slow progress already worried we won't make it to 2.0. Thanks to Julian we finally got 2.0 and he has lots of plans to push it far beyond that. 🙌
@nikgraf, @juliandoesstuff Thanks so much for your hard work, this is super helpful and a sanity-saver.
@nikgraf Oh wow this look nice! A few months ago I went looking for something like this (simple, Medium-like rich text toolbars, etc.) and gave up. Definitely going to give this a try. Good work!
@nikgraf This product looks amazing. I will use it for sure. :) Be sure to check out our tool , it will be very interesting to you. https://www.producthunt.com/upco...

This is such an important piece of the DraftJS ecosystem. Without DraftJS Plugins everybody would have to go an reinvent the wheel for their own editor, with plugins all of that can be shared!

We've been using DraftJS and DraftJS Plugins in production for the past couple of months, and it's made everything so much easier to do. We've also released a couple of plugins for you to use and enjoy like https://github.com/withspectrum/...!

I could not recommend DraftJS Plugins more 👌

Pros:

- Plug together existing plugins for a great rich text editor

- Very easy to customize and extend

- Works perfectly with React

Cons:

- DraftJS doesn't work on Android with some international keyboards

Thanks for the review max and all the contributions to the project!
Hurray! So glad to finally release 2.0. Thanks so much to @nikgraf for helping me get involved. I've been a fan of this project from the beginning and have used it in many projects to date. A lot is going to happen in the upcoming months. Here's a brief overview of what we have planned: - A major architecture overhaul (It'll be a lot easier to write your own problems and compose different plugin features) - A new website based on gitbooks and examples with react storybook - New plugins (incl drag and drop) And lots more. If you have any questions or want to get involved, please reach out here, on the draft js community slack or on github.

DraftJS is one of the best WYSIWYG text editor libraries out there. However, it is not easy to use. After few months struggling with the poor api provided by Draft, i discovered DraftJS plugins. Struggling no more after that.

Soon i will release my own plugins too.

Pros:

- The api for building your own plugins is absolutely easy. I would not recommend using DraftJS without this product.

- Growing comminity

Cons:

If you use more than one of the plugins provided, you surely will have duplicated code on your base.

Looking forward to you plugins! 🤗
Looks great, congrats guys!