https://github.com/andrewcoelho/react-text-editor

React rich text editor built using Draft.js. Similar to Facebook Notes editor
https://github.com/andrewcoelho/react-text-editor

Last synced: 2 months ago
JSON representation

React rich text editor built using Draft.js. Similar to Facebook Notes editor

• Host: GitHub
• URL: https://github.com/andrewcoelho/react-text-editor
• Owner: andrewcoelho
• Created: 2016-03-07T19:45:45.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-03-22T21:58:08.000Z (almost 7 years ago)
• Last Synced: 2024-08-01T22:46:41.613Z (6 months ago)
• Language: JavaScript
• Homepage:
• Size: 120 KB
• Stars: 231
• Watchers: 15
• Forks: 42
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-draft-js - Facebook Notes Clone(ish) - Rich text editor similar to Facebook notes. (Standalone Editors Built on Draft.js)

README

        
# 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:

```bash

npm run build:example

```