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 4 years ago
Linked from 4 awesome lists

awesomeawesome-listdraft-jslist

Awesome Draft.js

Community2,495over 4 years ago
Presentations2,495over 4 years ago
Projects on Top of Draft.js2,495over 4 years ago
Common Utilities2,495over 4 years ago
Blog Posts & Articles2,495over 4 years ago
Live Demos2,495over 4 years ago
Usage in Production2,495over 4 years ago
License2,495over 4 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 WYSIWYG451over 9 years agoWYSIWYG editor that with drag&drop, resizing & tooltips
Draft.js Editor149almost 3 years agoA Rich text editor inspired by Medium & Facebook Notes
React-RTE2,867over 3 years agoA full-featured textarea replacement similar to CKEditor or TinyMCE
Facebook Notes Clone(ish)231over 8 years agoRich text editor similar to Facebook notes
Megadraft1,215almost 2 years agoA rich text editor with a nice default base of plugins and extensibility
Medium Draft1,724over 5 years agoMedium-like rich text editor with a focus on keyboard shortcuts
React-Draft-Wyiswyg6,438almost 2 years agoA WYISWYG editor, with various text editing options and corresponding HTML generation
Dante 2912over 5 years agoJust another Medium clone built on top of DraftJs
Last Draft218over 8 years agoA Draft editor built with Draft.js plugins
Z-Editor144almost 2 years agoOnline Z-notations editor
Draftail618over 3 years agoA configurable rich text editor based on Draft.js, built for Wagtail
Braft4,610almost 2 years agoExtensible Draft JS Editor

Awesome Draft.js / Plugins and Decorators Built for Draft.js

Draft.js Plugins4,093almost 2 years agoA Plugin architecture on top of Draft.js

Awesome Draft.js / Plugins and Decorators Built for Draft.js / Draft.js Plugins

Alignment
Block Breakout40almost 8 years agoBreak out of block types as you type
Buttons95over 8 years ago
Color Picker95over 8 years ago
CounterCharacter, word & line counting
Divider3over 8 years ago
Drag and Drop
Embed95over 8 years ago
EmojiSlack-like emoji support
EmojiPicker95over 8 years ago
Focus
GifPicker95over 8 years ago
HashtagsTwitter-like hashtag support
Image
Inline Toolbar
Katex32almost 4 years agoInsert and render LaTeX using Katex
Link95over 8 years ago
LinkifyAutomatically turn links into anchor-tags
List14about 6 years agoAutomatic list creation, nested lists
Markdown Shortcuts275over 5 years agoMarkdown syntax shortcuts
Mathjax5over 9 years agoEdit math using (La)TeX rendered by Mathjax
MentionTwitter-like mention support
Modal95over 8 years ago
Prism48about 5 years agoSyntax highlight code blocks with Prism
Resizeable
RichButtons38about 5 years agoAdd and customize rich formatting buttons
Side Toolbar
Sidebar95over 8 years ago
Single Line43almost 4 years agoRestrict to a single line of input
StickerFacebook-like sticker support
Toolbar95over 8 years ago
UndoUndo & Redo button
Video

Awesome Draft.js / Plugins and Decorators Built for Draft.js

Draft.js Gutter14over 10 years agoCompliments line number gutter
Draft.js Basic HTML Editor87almost 6 years agoAccept html as its input format, and return html to an onChange
Draft.js Prism275over 5 years agoHighlight code blocks using Prism
Draft.js Typeahead121over 8 years agoSupport for typeahead functionality
Draft Extend116over 3 years agoBuild extensible Draft.js editors with configurable plugins and integrated serialization
Draft.js Code108over 8 years agoA collection of low-level utilities for nicer code editing
Draft.js Annotatable13almost 8 years agoOut of the box annotation system for Draft.js with support for user-created annotations
Draft.js Regex19over 6 years agoThe set of flexible helpers, like regex, blank lines preventing and pasted HTML clearing

Awesome Draft.js / Common Utilities

BackDraft.js48over 10 years agoFunction to turn a rawContentBlock into a marked-up string
Draft.js Exporter34almost 10 years agoExport and format the content from Draft.js
Draft.js: Export ContentState to HTML884over 3 years agoExport ContentState to HTML
Draft.js: Export ContentState to PDFMake12about 6 years agoExport ContentState to PDFMake
Redraft282over 3 years agoRenders the result of Draft.js convertToRaw using provided callbacks, works well with React
Draft.js exporter (Ruby)16over 7 years agoExport Draft.js content state into HTML
Draft.js exporter (Python)83over 2 years agoLibrary to convert Draft.js raw ContentState to HTML
Draft.js AST Exporter37almost 4 years agoExport content into an abstract syntax tree (AST)
Draft.js AST Importer13almost 4 years agoImport an abstract syntax tree (AST) output from the companion draft-js-ast-exporter
Draft.js Multidecorators32over 6 years agoCombine multiple decorators
Draft.js SimpleDecorator25over 9 years agoEasily create flexible decorators
DraftJS Utils286over 3 years agoSet of utility functions for DraftJS
DraftJs to HTML321over 2 years agoLibrary for generating HTML for DraftJS editor content
Draft Convert483over 3 years agoExtensibly serialize & deserialize Draft.js ContentState with HTML
HTML to DraftJS161over 3 years agoConvert plain HTML to DraftJS Editor content
Draft.js Exporter (Go)22over 4 years agoExport Draft.js content state into HTML
React Native Draft.js Render390over 2 years agoA React Native render for Draft.js model
Draft.js filters56about 2 years agoFilter Draft.js content to preserve only the formatting you allow
Sticky9over 8 years agoA 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.jsSeries 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 explanations67about 9 years ago
Draftail Playground– Wagtail’s Draft.js dependencies as a standalone demo
Draft drag and drop demo for mobile browser15over 8 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: