react-rte - Pure React rich text "WYSISYG" editor based on draft-js.

---

This is a UI component built completely in React that is meant to be a full-featured textarea replacement similar to CKEditor, TinyMCE and other rich text "WYSIWYG" editors. It's based on the excellent, open source Draft.js from Facebook which is performant and production-tested. RichTextEditor is the main editor component. It is comprised of the Draft.js <Editor>, some UI components (e.g. toolbar) and some helpful abstractions around getting and setting content with HTML/Markdown.

reactjs draftjs contenteditable wysiwyg richtext editor

megadraft - Megadraft is a Rich Text editor built on top of Facebook's Draft

---

Rich Text editor built on top of draft.js

react megadraft rich-text-editor contenteditable draft-js reactjs editor draftjs richtext react-component wysiwyg-editor wysiwyg text-editor

generator-megadraft-plugin - Plugin generator for the Megadraft Editor

---

Base plugin for the Megadraft Editor

megadraft yeoman megadraft-plugin generator plugin draftjs yeoman-generator

megadraft-table-plugin

---

Megadraft Table Plugin

megadraft-plugin megadraft table react backstage editor draftjs

react-native-draftjs-render - React Native render for draft.js model

---

React Native render for draft.js model

reactnative draftjs react-native draft-js

draft-js-markdown-shortcuts-plugin - A DraftJS plugin for supporting Markdown syntax shortcuts

---

This plugin works with DraftJS Plugins wrapper component.

draft-js draftjs-plugin markdown draftjs editor plugin

draft-convert - Extensibly serialize & deserialize Draft.js ContentState with HTML.

---

Extensibly serialize Draft.js ContentState to HTML.styleToHTML, blockToHtml, and entityToHTML are functions that take Draft content data and may return a ReactElement or an object of shape {start, end} defining strings for the beginning and end tags of the style, block, or entity. entityToHTML may return either a string with or without HTML if the use case demands it. blockToHTML also may return an optional empty property to handle alternative behavior for empty blocks. To use this along with a ReactElement return value an object of shape {element: ReactElement, empty: ReactElement} may be returned. If no additional functionality is necessary convertToHTML can be invoked with just a ContentState to serialize using just the default Draft functionality. convertToHTML can be passed as an argument to a plugin to modularly augment its functionality.

draft-js draft react rich-text-editor draftjs draft-convert convert

gatsby-starter-procyon - An opinionated Gatsby starter designed for trash-eating pandas.

---

An opinionated Gatsby starter designed for trash-eating pandas. View Demo - https://gatsby-starter-procyon.netlify.com/ Click "Login" in the footer to enable client-side editing. Email: demo@demo.com Password: demo You'll get an error when trying to save changes to remote, but you get the idea...

reactjs gatsby netlify graphcms draft-js apollo material-ui starter boilerplate draftjs procyon

draft-js-table - Utilities to edit tables in DraftJS

---

draft-js-table is a collection of utilities to edit tables in DraftJS. This module requires the use of facebook/draft-js#388. A working demo is available at samypesse.github.io/draft-js-table/.

draftjs

draft-js-basic-html-editor - Basic HTML editor using draft.js - html in, html out

---

Proof of concept currently, not production ready! PR's welcome. Extends the Rich example from the Draft repo to accept html as its input format, and return html to an onChange handler.

draftjs editor react html