10+ React Rich Text Editors

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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

    Discontinued 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

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • 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

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • 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 rich text 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