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

  •        847

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 , some UI components (e.g. toolbar) and some helpful abstractions around getting and setting content with HTML/Markdown.

https://github.com/sstur/react-rte#readme
https://github.com/sstur/react-rte

Dependencies:

babel-runtime : ^6.23.0
class-autobind : ^0.1.4
classnames : ^2.2.5
draft-js : >=0.10.0
draft-js-export-html : >=0.6.0
draft-js-export-markdown : >=0.3.0
draft-js-import-html : >=0.4.0
draft-js-import-markdown : >=0.3.0
draft-js-utils : >=0.2.0
immutable : ^3.8.1

Tags
Implementation
License
Platform

   




Related Projects

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.

ckeditor4 - The best enterprise-grade WYSIWYG editor

  •    Rich

This repository contains the development version of CKEditor 4. Attention: The code in this repository should be used locally and for development purposes only. We do not recommend using it in production environment because the user experience will be very limited. For that purpose, you should either build the editor (see below) or use an official release available on the CKEditor website.

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-js - A React framework for building text editors

  •    Javascript

Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. Draft.js makes it easy to build any type of rich text input, whether you're just looking to support a few inline text styles or building a complex text editor for composing long-form articles.

ckeditor5 - Development environment for CKEditor 5 – the best browser-based rich text editor.

  •    Javascript

A set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind. CKEditor 5 is distributed as four ready-to-use builds which you can install from npm.

actiontext - Edit and display rich text in Rails applications

  •    Ruby

Action Text brings rich text content and editing to Rails. It includes the Trix editor that handles everything from formatting to links to quotes to lists to embedded images and galleries. The rich text content generated by the Trix editor is saved in its own RichText model that's associated with any existing Active Record model in the application. Any embedded images (or other attachments) are automatically stored using Active Storage and associated with the included RichText model. Most WYSIWYG editors are wrappers around HTML’s contenteditable and execCommand APIs, designed by Microsoft to support live editing of web pages in Internet Explorer 5.5, and eventually reverse-engineered and copied by other browsers.

editor - Next-gen, highly customizable content editor for the browser - based on React and Redux

  •    Javascript

ORY is a company building and maintaining developer tools for a safer, more accessible web. You might also like our other Open Source projects! The ORY Editor is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of contenteditable, you are in the right place.The ORY Editor is used at Germany's largest (~800k uniques per month) E-Learning Website www.serlo.org to improve the wiki experience.

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.

Slate - A completely customizable framework for building rich text editors

  •    Javascript

Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill.

Medium.js - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor)

  •    Javascript

Medium.js keeps HTML code within contenteditable semantic, simple, and clean. Medium.js also supports placeholders, automatic HR (or BR, or P) creation, events, hotkeys, simple & complex element injection, and more!

Hallo - Simple rich text editor (contentEditable) for jQuery UI

  •    CoffeeScript

Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.The widget has been written as a simple and liberally licensed editor. It doesn't aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.