DraftJS Plugins 2.0

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

get it
#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.

Reviews

  • Max StoiberTechnical Cofounder, Spectrum.chat
    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

    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/draft-js-markdown-plugin!

    I could not recommend DraftJS Plugins more 👌

    Max Stoiber has used this product for one year.
  • 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.

    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.

    Renan C. Araujo has used this product for one year.

Discussion

You need to become a Contributor to join the discussion - Find out how.
Nik GrafMaker@nikgraf · Engineer @ Serverless
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. 🙌
Stefan Malzner@smalzner · Product Designer
@nikgraf, @juliandoesstuff Thanks so much for your hard work, this is super helpful and a sanity-saver.
Julian BooleanMaker@juliandoesstuff
@nikgraf @smalzner thank you <3
Mark Carey@mthacks
@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!
Julian BooleanMaker@juliandoesstuff
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.
James Walsh@walsh_ldn · Grow your startup with Growthstore.io
Looks great, congrats guys!
Samuel Goudie@sgoudie · CPO & Cofounder @doopoll
Superb 👌 Looking forward to experimenting with this! Nice work.
Sonny T.@sonnyt · Web Developer
Is it possible to integrate markdown? or would it conflict?
Nik GrafMaker@nikgraf · Engineer @ Serverless
@sonnyt can you be more specific in what way? In any case there is markdown shortcuts plugin that might be what you are looking for https://github.com/ngs/draft-js-...