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,495 over 2 years ago
Presentations 2,495 over 2 years ago
Projects on Top of Draft.js 2,495 over 2 years ago
Common Utilities 2,495 over 2 years ago
Blog Posts & Articles 2,495 over 2 years ago
Live Demos 2,495 over 2 years ago
Usage in Production 2,495 over 2 years ago
License 2,495 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 about 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,867 over 1 year ago A full-featured textarea replacement similar to CKEditor or TinyMCE
Facebook Notes Clone(ish) 231 almost 7 years ago Rich text editor similar to Facebook notes
Megadraft 1,215 3 months ago A rich text editor with a nice default base of plugins and extensibility
Medium Draft 1,724 over 3 years ago Medium-like rich text editor with a focus on keyboard shortcuts
React-Draft-Wyiswyg 6,438 about 2 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 almost 7 years ago A Draft editor built with Draft.js plugins
Z-Editor 144 about 1 month ago Online Z-notations editor
Draftail 618 almost 2 years ago A configurable rich text editor based on Draft.js, built for Wagtail
Braft 4,610 2 months ago Extensible Draft JS Editor

Awesome Draft.js / Plugins and Decorators Built for Draft.js
Draft.js Plugins 4,093 about 1 month 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 over 6 years ago Break out of block types as you type
Buttons 95 almost 7 years ago
Color Picker 95 almost 7 years ago
Counter Character, word & line counting
Divider 3 almost 7 years ago
Drag and Drop
Embed 95 almost 7 years ago
Emoji Slack-like emoji support
EmojiPicker 95 almost 7 years ago
Focus
GifPicker 95 almost 7 years ago
Hashtags Twitter-like hashtag support
Image
Inline Toolbar
Katex 32 over 2 years ago Insert and render LaTeX using Katex
Link 95 almost 7 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 almost 7 years ago
Prism 48 over 3 years ago Syntax highlight code blocks with Prism
Resizeable
RichButtons 38 over 3 years ago Add and customize rich formatting buttons
Side Toolbar
Sidebar 95 almost 7 years ago
Single Line 43 about 2 years ago Restrict to a single line of input
Sticker Facebook-like sticker support
Toolbar 95 almost 7 years ago
Undo Undo & Redo button
Video

Awesome Draft.js / Plugins and Decorators Built for Draft.js
Draft.js Gutter 14 almost 9 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 almost 4 years ago Highlight code blocks using Prism
Draft.js Typeahead 121 almost 7 years ago Support for typeahead functionality
Draft Extend 116 almost 2 years ago Build extensible Draft.js editors with configurable plugins and integrated serialization
Draft.js Code 108 almost 7 years ago A collection of low-level utilities for nicer code editing
Draft.js Annotatable 13 about 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 almost 9 years ago Function to turn a rawContentBlock into a marked-up string
Draft.js Exporter 34 about 8 years ago Export and format the content from Draft.js
Draft.js: Export ContentState to HTML 884 almost 2 years ago Export ContentState to HTML
Draft.js: Export ContentState to PDFMake 12 over 4 years ago Export ContentState to PDFMake
Redraft 282 about 2 years ago Renders the result of Draft.js convertToRaw using provided callbacks, works well with React
Draft.js exporter (Ruby) 16 almost 6 years ago Export Draft.js content state into HTML
Draft.js exporter (Python) 83 11 months ago Library to convert Draft.js raw ContentState to HTML
Draft.js AST Exporter 37 about 2 years ago Export content into an abstract syntax tree (AST)
Draft.js AST Importer 13 about 2 years ago Import an abstract syntax tree (AST) output from the companion draft-js-ast-exporter
Draft.js Multidecorators 32 about 5 years ago Combine multiple decorators
Draft.js SimpleDecorator 25 almost 8 years ago Easily create flexible decorators
DraftJS Utils 286 about 2 years ago Set of utility functions for DraftJS
DraftJs to HTML 321 11 months ago Library for generating HTML for DraftJS editor content
Draft Convert 483 almost 2 years ago Extensibly serialize & deserialize Draft.js ContentState with HTML
HTML to DraftJS 161 about 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 9 months ago A React Native render for Draft.js model
Draft.js filters 56 5 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 over 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: