Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-draft-js
Awesome list of Draft.js resources
https://github.com/nikgraf/awesome-draft-js
Last synced: 5 days ago
JSON representation
-
Community
-
Presentations
- Rich text editing with Draft.js & DraftJS Plugins by Nik Graf
- 008 - Draft.js Plugins @ React30
- Draft.js at HubSpot by Ben Briggs
- Draft.js under the hood - React Melbourne meetup
- Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag
- React Ep. 37: Draftjs by What I Learned Today – Atomic Jolt
-
Plugins and Decorators Built for Draft.js
- Alignment
- Divider
- Counter - Character, word & line counting.
- Drag and Drop
- Focus
- Emoji - Slack-like emoji support
- Hashtags - Twitter-like hashtag support
- Image
- Inline Toolbar
- Linkify - Automatically turn links into anchor-tags.
- Mention - Twitter-like mention support
- Resizeable
- Side Toolbar
- Sticker - Facebook-like sticker support
- Undo - Undo & Redo button.
- Video
- Draft.js Plugins - A Plugin architecture on top of Draft.js
- Block Breakout - Break out of block types as you type.
- Draft.js Annotatable - Out of the box annotation system for Draft.js with support for user-created annotations.
- Draft.js Regex - The set of flexible helpers, like regex, blank lines preventing and pasted HTML clearing.
- Katex - Insert and render LaTeX using Katex.
- List - Automatic list creation, nested lists
- Mathjax - Edit math using (La)TeX rendered by Mathjax.
- Prism - Syntax highlight code blocks with Prism.
- RichButtons - Add and customize rich formatting buttons.
- Single Line - Restrict to a single line of input.
- Draft.js Gutter - Compliments line number gutter.
- Draft.js Basic HTML Editor - Accept html as its input format, and return html to an onChange.
- Draft.js Prism - Highlight code blocks using Prism.
- Draft.js Typeahead - Support for typeahead functionality.
- Draft Extend - Build extensible Draft.js editors with configurable plugins and integrated serialization.
- Draft.js Code - A collection of low-level utilities for nicer code editing
- Markdown Shortcuts - Markdown syntax shortcuts.
- Toolbar
-
Common Utilities
- Draft.js: Export ContentState to HTML - Export ContentState to HTML.
- React Native Draft.js Render - A React Native render for Draft.js model.
- BackDraft.js - Function to turn a rawContentBlock into a marked-up string.
- Draft.js Exporter - Export and format the content from Draft.js.
- Draft.js: Export ContentState to PDFMake - Export ContentState to PDFMake.
- Redraft - Renders the result of Draft.js convertToRaw using provided callbacks, works well with React
- Draft.js exporter (Ruby) - Export Draft.js content state into HTML.
- Draft.js exporter (Python) - Library to convert Draft.js raw ContentState to HTML
- Draft.js AST Exporter - Export content into an abstract syntax tree (AST).
- Draft.js AST Importer - Import an abstract syntax tree (AST) output from the companion draft-js-ast-exporter.
- Draft.js Multidecorators - Combine multiple decorators.
- Draft.js SimpleDecorator - Easily create flexible decorators.
- DraftJS Utils - Set of utility functions for DraftJS.
- DraftJs to HTML - Library for generating HTML for DraftJS editor content.
- Draft Convert - Extensibly serialize & deserialize Draft.js ContentState with HTML.
- HTML to DraftJS - Convert plain HTML to DraftJS Editor content.
- Draft.js Exporter (Go) - Export Draft.js content state into HTML.
- Draft.js filters - Filter Draft.js content to preserve only the formatting you allow.
- Sticky - A simple note taking and clipboard managing desktop application
-
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
-
Live Demos
-
Playgrounds for Examples from Official Repository (v.0.10.0)
-
Usage in Production
-
Standalone Editors Built on Draft.js
- Draft WYSIWYG - WYSIWYG editor that with drag&drop, resizing & tooltips.
- React-RTE - A full-featured textarea replacement similar to CKEditor or TinyMCE.
- Facebook Notes Clone(ish) - Rich text editor similar to Facebook notes.
- Megadraft - A rich text editor with a nice default base of plugins and extensibility.
- Medium Draft - Medium-like rich text editor with a focus on keyboard shortcuts.
- React-Draft-Wyiswyg - A WYISWYG editor, with various text editing options and corresponding HTML generation.
- Dante 2 - Just another Medium clone built on top of DraftJs.
- Last Draft - A Draft editor built with Draft.js plugins.
- Z-Editor - Online Z-notations editor.
- Draftail - A configurable rich text editor based on Draft.js, built for Wagtail.
- Braft - Extensible Draft JS Editor
- Draft.js Editor - A Rich text editor inspired by Medium & Facebook Notes.
Programming Languages
Categories
Sub Categories
Keywords
draft-js
19
react
8
rich-text-editor
5
reactjs
5
javascript
4
draft-js-plugins
3
wysiwyg-editor
3
draft
3
wysiwyg
3
draftjs-exporter
2
draftjs-utils
2
editor
2
draftjs
2
megadraft
1
contenteditable
1
reactnative
1
react-native
1
medium-editor
1
medium
1
formal
1
methods
1
z-notations
1
rich
1
wysiwyg-js-editor
1
hashtags
1
nedb
1
wagtail
1
rte
1
html
1
golang
1
go
1
draftsjs
1
draft-exporter
1
rich-text
1
python
1
exporter
1
draftail
1
pdfmake
1
syntax-highlighting
1
prismjs
1
prism
1
draftjs-plugins
1
text-editor
1
katex-plugin
1
katex
1
draftjs-plugin
1
stickers
1
mentions
1