10+ React Rich Text Editors

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarQube - Static code analysis for 29 languages.
  • Scout APM - Less time debugging, more time building
  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Building complex, nested documents was impossible. Many editors were designed around simplistic "flat" documents, making things like tables, embeds and captions difficult to reason about and sometimes impossible. Demo GitHub

  • Draft.js

    A React framework for building text editors.

    *Immutable Editor State: * The Draft.js model is built with immutable-js, offering an API with functional state updates and aggressively leveraging data persistence for scalable memory usage. Demo GitHub

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-draft-wysiwyg

    A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg

    Demo GitHub

  • react-quill

    A Quill component for React.

    Demo GitHub

  • react-email-editor

    Drag-n-Drop Email Editor Component for React.js

    Demo GitHub

  • monaco-react

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

    Demo GitHub

  • alloyeditor

    WYSIWYG editor based on CKEditor with completely rewritten UI

    Demo GitHub

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • react-contenteditable

    React component for a div with editable contents

    Demo GitHub

  • megadraft

    Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility

    Demo GitHub

  • react-web-editor

    The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor

    Ultimatly, You can make a editor page which can change web's UI dynamically. Demo GitHub

  • tiptap

    The headless editor framework for web artisans.

    Demo GitHub

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts