Displaying 1 to 20 from 41 results

medium-draft - 📝 A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts

  •    Javascript

A medium like rich text editor built upon draft-js with an emphasis on eliminating mouse usage by adding relevant keyboard shortcuts. Documentation in progress.

awesome-draft-js - Awesome list of Draft.js resources

  •    

Draft.js is a framework for building rich text editors in React. To the extent possible under law, Nikolaus Graf has waived all copyright and related or neighboring rights to this work.

draft-js-plugins - React Plugin Architecture for Draft

  •    Javascript

High quality plugins with great UX on top of DraftJS. Join the channel #draft-js-plugins after signing into the DraftJS Slack organization or check out our collection of frequently asked questions here: FAQ.




Spectrum - Simple, powerful online communities

  •    Javascript

Spectrum aims to be the best platform to build any kind of community online by combining the best of web 2.0 forums and real-time chat apps. With best-in-class moderation tooling, a single platform for all your communities, threaded conversations by default, community health monitoring (and much more to come), we think that we will be able to help more people start and grow the best online communities.

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.


dante2 - A complete rewrite of dante editor in draft-js, demo:

  •    Javascript

Dante II is a complete rewrite of DanteEditor. This version is built on top of Facebook's Draft-Js and reaches all Dante's features with a shiny ultra mega super uber maintainable architecture. Draft-Js handles selection, ranges and markup blocks as a data layer contained in a structure known as editorState, with a clear separation on how rendering, styling and interaction works. So you save content data, not html. That's awesome because you can change the appearance of articles (styles & markup) without database changes.

react-mde - React Markdown Editor

  •    TypeScript

A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of Draft.js. React-mde is a completely controlled component.

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.

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-extend - Build extensible Draft

  •    Javascript

Draft Extend is a platform to build a full-featured Draft.js editor using modular plugins that can integrate with draft-convert to serialize with HTML. The higher-order function API makes it extremely easy to use any number of plugins for rendering and conversion.Editor component on which to extend functionality with plugins created by createPlugin.

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...

draft-js-code - Collection of utilities to make code blocks edition easy in DraftJS

  •    Javascript

draft-js-code is a collection of low-level utilities to make code block editing in DraftJS editors nicer. It works well with draft-js-prism or draft-js-prism-plugin.

draft-js-multidecorators - Combine multiple decorators for DraftJS

  •    Javascript

Combine multiple Draft's decorators into one. You can use SimpleDecorator to easily build decorators.

draft-js-prism - Code highlighting for DraftJS using Prism

  •    Javascript

draft-js-prism is a decorator for DraftJS to highlight code blocks using Prism. Note: It only decorates code blocks with syntax highlighting, if you're interested in providing a correct edition UX for code blocks, take a look at draft-js-code.