React Rich Text Editor Resources

Draft.js Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. Extensible and Customizable: We provid

A completely customizable framework for building rich text editors

PenEditor is a simple HTML / CSS / JS code editor, works online in real-time, and out of the box! PenEditor.js is an open-source online HTML / CSS / JavaScript code editor (Code Playground) inspired by Codepen.io.

The excellent drag-n-drop email editor by Unlayer as a React.js wrapper component. This is the most powerful and developer friendly visual email builder for your app.

OpenChakra is a visual editor for the best component library in town: Chakra UI 🤗 . Quickly draft components with the simple drag and drop UI.

Congrats, you've made it to the repo for Teselagen's Open Source Vector Editor Component Built With React & Redux Built for easy extensibility + embed

基于React的markdown编辑器组件 若有bug或好的建议，欢迎加我微信：Lpyexplore333或者在github上提pr 安装 # npm npm i markdown-editor-reactjs --save # yarn yarn add markdown-editor-reac

ReactQuill A Quill component for React. See a live demo or Codepen. Quick Start With webpack or create-react-app With the browser bundle Usage Control

React Draft Wysiwyg A Wysiwyg editor built using ReactJS and DraftJS libraries. Demo Page. Features Configurable toolbar with option to add/remove con

react-codemirror2 demo @ scniro.github.io/react-codemirror2 Install npm install react-codemirror2 codemirror --save react-codemirror2 ships with the n

Awesome Draft.js Draft.js is a framework for building rich text editors in React. Table of Contents Community Presentations Projects on Top of Draft.j

CKEditor 5 rich text editor component for React Official CKEditor 5 rich text editor component for React. Developer Documentation 📖 See the "Rich tex

react-dataflow-editor A generic drag-and-drop dataflow editor for React. ✨ You can read about the design of this component in this blog post! Table of

📓 Notion Clone Create and Edit Notes like in Notion This clone tries to replicate some of the great note-taking features Notion has. If you don't kno

Gutenberg Welcome to the development hub for the WordPress Gutenberg project! "Gutenberg" is a codename for a whole new paradigm in WordPress site bui

Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

CodeMirror component for React

react-contenteditable React component for a div with editable contents Install npm install react-contenteditable Usage import React from 'react' impor

CodeRush - Compile and Execute code in 40+ languages ⚡️ A code editor that compiles and runs your code on the web. Blog: FreeCodeCamp - Build A Code I

As of January 2018 this repo is no longer under active development. It will, however, remain open source. Perseus Perseus is Khan Academy's new exerci

This repository is now archived. Unfortunately I do not have the time to maintain it. Sorry for the inconvenience and thanks a lot to all the people w

🍞 DEMO CodeSandbox 🍀 Supported Official Plugin Paragraph (default) Embed Table List Warning Code Link Image Raw Header Quote Marker CheckList Delimi

react-web-editor A Simple WYSIWYG editor for react users You can make your own editor using our library You can explore various features on the websit

Alloy Editor Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. Works on IE11, Chro

@contentful/field-editors This is the monorepo for all field editors and apps by Contentful. Since these are developed using the App SDK, this will al

Monaco Editor component for React.

React-Trumbowyg React wrapper for trumbowyg. If you ❤️ library, please star it and upvote it on awesome-react-components Table of contents How do I ad

React-Ace A set of react components for Ace NOTE FOR VERSION 8! : We have stopped support for Brace and now use Ace-builds. Please read the documentat

intuitive block based wysiwyg editor built with React and ProseMirror

React JS Froala WYSIWYG Editor react-froala-wyswiyg provides React bindings to the Froala WYSIWYG editor VERSION 3. Installation npm install react-fro

Notice: This project still under active development. API documentations will be available later. CZI-ProseMirror · Drop-In WYSIWYG editor based on Pro

React Transcript Editor A React component to make transcribing audio and video easier and faster. The project uses [this github project boards to orga

for-editor for-editor 是一个基于 react 的 markdown 语法编辑器 English Documents demo github 安装 npm install for-editor -S 使用 import React, { Component } from 'rea

Git peek - The fastest way to open a remote git repository in your local text editor

React Three Editable React Three Editable is a library for React and react-three-fiber that lets you edit your scene in a visual editor while requirin

Megadraft Rich Text editor built on top of Facebook's draft.js Discussion and Support Join the #megadraft channel on the DraftJS Slack team! Live Exam

CKEditor 4 WYSIWYG editor component for React Official CKEditor 4 WYSIWYG editor component for React. We are looking forward to your feedback! You can

Markdown Editor A very simple but useful Markdown Previewer and Markdown Editor with CodeMirror, Markedjs and Create-react-app Preview Markdown Editor

A block-style visual editor using React, saved in json

react-medium-editor React wrapper for medium-editor Demo http://wangzuo.github.io/react-medium-editor Installation npm install react-medium-editor --s

A fully featured editor with drag and drop interface to create your README's with speed.

Codeone is a web app built on top of React which includes an IDE supporting multiple languages for programming in addition with a highly customizable Web Editor supporting real time changes

Wysiwyg / Text editor components built using React and Prosemirror

NIB Demo Despite various options available for rich text editing in html, it continues to be extremely challenging area. I found prosemirror to be the

Draftail 📝 🍸 A configurable rich text editor built with Draft.js. Check out our demos! Features Draftail aims for a mouse-free, keyboard-centric exp

Codemirror The excellent CodeMirror editor as a React.js component. Demo & Examples Live demo: JedWatson.github.io/react-codemirror To build the examp

Slate Test Utils slate-test-utils-wave.mp4 Created with Wave Snippets A toolkit to test Slate rich text editors with Jest, React Testing Library, and

react-editext Editable Text Component for React Applications This project is generated from react-typescript-library template. Install npm install --s

For old version, please check out the repo: Eorg. Documentation For details, che

Most advanced visual theme editor for Chakra-UI

CSS In Motion Web based Css Animation Editor for everyone! 🔥 CSS-IMotion is a free and opensource animation editor that runs on the browser created w

React wrapper for Trix rich text editor created by Basecamp

React Oxide is a simple code editor that you can add to your ReactJS projects.