DraftJS Plugins 2.0

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

2 followers

Interface design tools•Code editors•Design resources

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.

Blog

•

Newsletter

•

Questions

•

Forums

•

Product Categories

•

Apps

•

About

•

Terms

•

Privacy and Cookies

•

X.com

•

Facebook

•

Instagram

•

YouTube

•

Advertise

Launch tags:

Open Source•Text Editors•Developer Tools

Launch Team

Nik Graf

Serenity Notes

Maker

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. 🙌

Report

7yr ago

Stefan Malzner

Franz 5

@nikgraf, @juliandoesstuff Thanks so much for your hard work, this is super helpful and a sanity-saver.

Report

7yr ago

Julian Krispel-Samsel

DraftJS Plugins 2.0

Maker

@nikgraf @smalzner thank you <3

Report

7yr ago

Mark Carey

Translate for Slack

@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!

Report

7yr ago

Ognjen Vukovic

Reportz

@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...

Report

7yr ago

Max Stoiber

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

Report

7yr ago

Julian Krispel-Samsel

DraftJS Plugins 2.0

Maker

Thanks for the review max and all the contributions to the project!

Report

7yr ago

Julian Krispel-Samsel

DraftJS Plugins 2.0

Maker

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.

Report

7yr ago