react-medium-editor alternatives and similar libraries

Based on the "Rich Text Editor" category.
Alternatively, view react-medium-editor alternatives based on common mentions on social networks and blogs.

draft-js

9.7 8.2 L3 react-medium-editor VS draft-js

A React framework for building text editors.
TinyMCE

9.4 9.7 L4 react-medium-editor VS TinyMCE

The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

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.

Promo surveyjs.io

react-draft-wysiwyg

8.8 3.1 react-medium-editor VS react-draft-wysiwyg

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

8.7 0.0 react-medium-editor VS react-quill

A Quill component for React.
react-ace

8.3 6.0 react-medium-editor VS react-ace

React Ace Component
remirror

7.6 8.0 react-medium-editor VS remirror

ProseMirror toolkit for React 🎉
alloyeditor

6.9 0.0 react-medium-editor VS alloyeditor

WYSIWYG editor based on CKEditor with completely rewritten UI
react-codemirror

6.9 0.0 react-medium-editor VS react-codemirror

Codemirror Component for React.js
react-contenteditable

6.8 1.3 react-medium-editor VS react-contenteditable

React component for a div with editable contents
megadraft

6.5 5.3 react-medium-editor VS megadraft

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

5.6 0.0 react-medium-editor VS ritzy

Collaborative web-based rich text editor
react-trumbowyg

2.8 0.0 react-medium-editor VS react-trumbowyg

React wrapper for lightweight WYSIWYG editor Trumbowyg

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of react-medium-editor or a related project?

Add another 'Rich Text Editor' Library

Popular Comparisons

README

react-medium-editor

React wrapper for medium-editor

Demo

http://wangzuo.github.io/react-medium-editor

Installation

npm install react-medium-editor --save

Usage

// load theme styles with webpack
require('medium-editor/dist/css/medium-editor.css');
require('medium-editor/dist/css/themes/default.css');

// ES module
import Editor from 'react-medium-editor';

// CommonJS enviroment
// var Editor = require('react-medium-editor').default;

var App = React.createClass({
  getInitialState() {
    return { text: 'Fusce dapibus, tellus ac cursus commodo' };
  },

  render() {
    return (
      <div className="app">
        <h1>react-medium-editor</h1>
        <h3>Html content</h3>
        <div>{this.state.text}</div>

        <h3>Editor #1 (&lt;pre&gt; tag)</h3>
        <Editor
          tag="pre"
          text={this.state.text}
          onChange={this.handleChange}
          options={{ toolbar: { buttons: ['bold', 'italic', 'underline'] } }}
        />
        <h3>Editor #2</h3>
        <Editor text={this.state.text} onChange={this.handleChange} />
      </div>
    );
  },

  handleChange(text, medium) {
    this.setState({ text: text });
  }
});

License

MIT

*Note that all licence references and agreements mentioned in the react-medium-editor README section above are relevant to that project's source code only.