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.
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 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!
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
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.
Serenity Notes
Franz 5
DraftJS Plugins 2.0
Translate for Slack
Reportz
GraphCDN
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
DraftJS Plugins 2.0
DraftJS Plugins 2.0