awesome-draft-js

Draft editor library

A curated list of resources and tools for building rich text editors with Draft.js.

Awesome list of Draft.js resources

GitHub
2k stars
63 watching
140 forks
last commit: over 2 years ago
Linked from 4 awesome lists

awesomeawesome-listdraft-jslist

Awesome Draft.js
Community 2,492 over 2 years ago
Presentations 2,492 over 2 years ago
Projects on Top of Draft.js 2,492 over 2 years ago
Common Utilities 2,492 over 2 years ago
Blog Posts & Articles 2,492 over 2 years ago
Live Demos 2,492 over 2 years ago
Usage in Production 2,492 over 2 years ago
License 2,492 over 2 years ago

Awesome Draft.js / Community
Slack channel

Awesome Draft.js / Presentations
Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag
Rich text editing with Draft.js & DraftJS Plugins by Nik Graf
React Ep. 37: Draftjs by What I Learned Today – Atomic Jolt
008 - Draft.js Plugins @ React30
Draft.js at HubSpot by Ben Briggs
Draft.js under the hood - React Melbourne meetup

Awesome Draft.js / Standalone Editors Built on Draft.js
Draft WYSIWYG 451 almost 8 years ago WYSIWYG editor that with drag&drop, resizing & tooltips
Draft.js Editor 149 about 1 year ago A Rich text editor inspired by Medium & Facebook Notes
React-RTE 2,864 over 1 year ago A full-featured textarea replacement similar to CKEditor or TinyMCE
Facebook Notes Clone(ish) 231 over 6 years ago Rich text editor similar to Facebook notes
Megadraft 1,215 20 days ago A rich text editor with a nice default base of plugins and extensibility
Medium Draft 1,725 over 3 years ago Medium-like rich text editor with a focus on keyboard shortcuts
React-Draft-Wyiswyg 6,422 5 months ago A WYISWYG editor, with various text editing options and corresponding HTML generation
Dante 2 912 over 3 years ago Just another Medium clone built on top of DraftJs
Last Draft 218 over 6 years ago A Draft editor built with Draft.js plugins
Z-Editor 144 11 days ago Online Z-notations editor
Draftail 616 over 1 year ago A configurable rich text editor based on Draft.js, built for Wagtail
Braft 4,607 5 days ago Extensible Draft JS Editor

Awesome Draft.js / Plugins and Decorators Built for Draft.js
Draft.js Plugins 4,094 10 days ago A Plugin architecture on top of Draft.js

Awesome Draft.js / Plugins and Decorators Built for Draft.js / Draft.js Plugins
Alignment
Block Breakout 40 about 6 years ago Break out of block types as you type
Buttons 95 over 6 years ago
Color Picker 95 over 6 years ago
Counter Character, word & line counting
Divider 3 almost 7 years ago
Drag and Drop
Embed 95 over 6 years ago
Emoji Slack-like emoji support
EmojiPicker 95 over 6 years ago
Focus
GifPicker 95 over 6 years ago
Hashtags Twitter-like hashtag support
Image
Inline Toolbar
Katex 32 about 2 years ago Insert and render LaTeX using Katex
Link 95 over 6 years ago
Linkify Automatically turn links into anchor-tags
List 14 over 4 years ago Automatic list creation, nested lists
Markdown Shortcuts 275 over 3 years ago Markdown syntax shortcuts
Mathjax 5 over 7 years ago Edit math using (La)TeX rendered by Mathjax
Mention Twitter-like mention support
Modal 95 over 6 years ago
Prism 48 over 3 years ago Syntax highlight code blocks with Prism
Resizeable
RichButtons 38 about 3 years ago Add and customize rich formatting buttons
Side Toolbar
Sidebar 95 over 6 years ago
Single Line 43 almost 2 years ago Restrict to a single line of input
Sticker Facebook-like sticker support
Toolbar 95 over 6 years ago
Undo Undo & Redo button
Video

Awesome Draft.js / Plugins and Decorators Built for Draft.js
Draft.js Gutter 14 over 8 years ago Compliments line number gutter
Draft.js Basic HTML Editor 87 about 4 years ago Accept html as its input format, and return html to an onChange
Draft.js Prism 275 over 3 years ago Highlight code blocks using Prism
Draft.js Typeahead 121 over 6 years ago Support for typeahead functionality
Draft Extend 116 over 1 year ago Build extensible Draft.js editors with configurable plugins and integrated serialization
Draft.js Code 108 over 6 years ago A collection of low-level utilities for nicer code editing
Draft.js Annotatable 13 almost 6 years ago Out of the box annotation system for Draft.js with support for user-created annotations
Draft.js Regex 19 over 4 years ago The set of flexible helpers, like regex, blank lines preventing and pasted HTML clearing

Awesome Draft.js / Common Utilities
BackDraft.js 48 over 8 years ago Function to turn a rawContentBlock into a marked-up string
Draft.js Exporter 34 almost 8 years ago Export and format the content from Draft.js
Draft.js: Export ContentState to HTML 883 over 1 year ago Export ContentState to HTML
Draft.js: Export ContentState to PDFMake 12 over 4 years ago Export ContentState to PDFMake
Redraft 282 almost 2 years ago Renders the result of Draft.js convertToRaw using provided callbacks, works well with React
Draft.js exporter (Ruby) 16 over 5 years ago Export Draft.js content state into HTML
Draft.js exporter (Python) 83 10 months ago Library to convert Draft.js raw ContentState to HTML
Draft.js AST Exporter 37 almost 2 years ago Export content into an abstract syntax tree (AST)
Draft.js AST Importer 13 almost 2 years ago Import an abstract syntax tree (AST) output from the companion draft-js-ast-exporter
Draft.js Multidecorators 32 almost 5 years ago Combine multiple decorators
Draft.js SimpleDecorator 25 almost 8 years ago Easily create flexible decorators
DraftJS Utils 286 almost 2 years ago Set of utility functions for DraftJS
DraftJs to HTML 321 10 months ago Library for generating HTML for DraftJS editor content
Draft Convert 483 over 1 year ago Extensibly serialize & deserialize Draft.js ContentState with HTML
HTML to DraftJS 161 almost 2 years ago Convert plain HTML to DraftJS Editor content
Draft.js Exporter (Go) 22 over 2 years ago Export Draft.js content state into HTML
React Native Draft.js Render 390 7 months ago A React Native render for Draft.js model
Draft.js filters 56 3 months ago Filter Draft.js content to preserve only the formatting you allow
Sticky 9 over 6 years ago A simple note taking and clipboard managing desktop application

Awesome Draft.js / Blog Posts & Articles
Facebook open sources rich text editor framework Draft.js
This Blog Post Was Written Using Draft.js
How Draft.js Represents Rich Text Data
A Beginner’s Guide to Draft.js
Implementing todo list in Draft.js
Draft.js Pieces
Learning Draft.js Series of blog posts on how to develop with draft.js
Why Wagtail’s new editor is built with Draft.js
Rethinking rich text pipelines with Draft.js

Awesome Draft.js / Live Demos
Draft-js Samples - An app with examples and code explanations 67 about 7 years ago
Draftail Playground – Wagtail’s Draft.js dependencies as a standalone demo
Draft drag and drop demo for mobile browser 15 almost 7 years ago

Awesome Draft.js / Playgrounds for Examples from Official Repository (v.0.10.0)
Rich Text Editor
Color Editor
Convert from HTML Editor
Entity Editor
Link Editor
Media Editor
Plain Text Editor
Decorators Editor - Tweet example

Awesome Draft.js / Usage in Production
StoryChief
HKW Technosphere Magazine
Douban Read
Dooly
Wagtail
Patreon

Backlinks from these awesome lists:

More related projects: