🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This editor was built using Draft.js and is essentially a clone of the Facebook Notes editor.

React Text

Documentation

React Text Editor


This editor was built using Draft.js and is essentially a clone of the Facebook Notes editor, without the image formatting options, link decorators, and code block support.

I built it to get familiar with Draft.js and it's heavily based off the examples there. It also shows some techniques for positioning side and inline toolbars according to the selection state.

Draft.js made accomplishing once complex tasks incredibly easy and fast. With just a little more time it could be an exact clone of the Facebook Notes editor.

I hope to update this to use the Draft.js Plugins Project in order to add additional functionality soon, and to heavily clean everything up.

Example

To build the example bundle, run:

npm run build:example

You May Also Like