22 best open source draftjs projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 22 results

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

Javascript

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

react-lz-editor - A multilingual react rich-text editor component includes media support such as texts, images, videos, audios, links etc

Javascript

An open source react rich-text editor ( mordern react editor includes media support such as texts, images, videos, audios, links etc. ), development based on Draft-Js and Ant-design, good support html, markdown, draft-raw mode. It's supports multiple languages well and welcome you add your language supports. Disabled media insert feature on demo page, because of there was no online API support for the time being, here is The server side API demo in java you may want.

react-editor draft-js ant-design react-lz-editor web-editor text-editor antd-editor draftjs react-rich-editor react-text-editor contenteditable richtext editor

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

Javascript

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

draft-wysiwyg - Draft-JS experiments with drag&drop, resizing, tooltips, WIP

Javascript

A wysiwyg editor that mimics medium, build on top of https://github.com/facebook/draft-js and https://github.com/draft-js-plugins/draft-js-plugins. All the relevant behaviour comes from plugins, so this may serve as an example of using the plugin architecture and the different plugins. You can also install and use draft-wysiwyg right away.

draftjs draft-js editor wysiwyg drag drop react richtext

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

Javascript

Base plugin for the Megadraft Editor

megadraft yeoman megadraft-plugin generator plugin draftjs yeoman-generator

megadraft-table-plugin

Javascript

Megadraft Table Plugin

megadraft-plugin megadraft table react backstage editor draftjs

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

Javascript

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

Javascript

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.

Javascript

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.

Javascript

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

Javascript

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

Javascript

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

backdraft-js - Simple function to turn a Draft.js RawDraftContentBlock into a marked-up string.

Javascript

Simple function to turn a Draft.js RawDraftContentBlock into a marked-up string. markup is an object, the key should be the DraftJS "style" identifier and the value should be an array: the first item will be appended to the output to "open" the style and the second tag will be appended to "close" the style. See "Usage" above for a simple example.

draftjs

draft-js-code-editor-plugin - Add IDE-like behaviours to code blocks in your DraftJS editors

Javascript

Add IDE-like behaviours to code blocks in your DraftJS editor. Meant to be used with draft-js-plugins. Note: If you're not using draft-js-plugins you can also use the lower-level draft-js-code library.

draft-js draftjs draft-js-plugins code editor

draft-js-prism-plugin - Add syntax highlighting support to your DraftJS editor

Javascript

A DraftJS plugin to add syntax highlighting support to your code blocks. Use in combination with draft-js-plugins. This code uses the draft-js-prism decorator by @SamyPesse and is based on code extracted from the draft-js-markdown-shortcuts-plugin by @ngs.

draft-js draft-js-plugins draftjs draftjs-plugins prism prismjs syntax-highlighting

poetry-editor - [In development/looking for collab and or mentorship]: A Desktop Poetry Editor, because mobile editors make your thumbs numb

Javascript

[In development/looking for collab and or mentorship]: A Desktop Poetry Editor, because mobile editors make your thumbs numb

reactjs draftjs draftjs-utils draftjs-plugins canvas poetry editor drag-and-drop color-picker

draft-js-mathjax-plugin - Plugin to edit math using (La)TeX (rendered by mathjax) inside draft-js(-editor-plugin)

Javascript

This is a plugin for the draft-js-plugins-editor. see mathjax doc to find out how to define macros.

draftjs draftjs-plugins mathjax math tex editor wysiwyg draft react ux components widget react-component

draft-js-exporter - A module to export and format the content from the React Draft.js framework.

Javascript

A module to export and format the content from the React Draft.js framework. This is an early version of an export module. The goal is to provide a modular structure to select the format to export.

draftjs

draftail - :memo::cocktail: A configurable rich text editor based on Draft.js, built for Wagtail

Javascript

📝🍸 A configurable rich text editor based on Draft.js, built for Wagtail. This project adheres to Semantic Versioning, and measures performance and code coverage. We also try to follow accessibility best practices (tested with aXe) – please get in touch if you can help us do better in this area.