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.8 7.1 L3 react-medium-editor VS draft-js

A React framework for building text editors.
TinyMCE

9.3 9.7 L4 react-medium-editor VS TinyMCE

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

Build stunning web applications quickly using Syncfusion JavaScript UI controls.

The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

Promo syncfusion.com

react-draft-wysiwyg

8.8 3.2 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.6 5.3 react-medium-editor VS react-quill

A Quill component for React.
react-ace

8.3 8.1 react-medium-editor VS react-ace

React Ace Component
react-codemirror

7.2 0.0 react-medium-editor VS react-codemirror

Codemirror Component for React.js
alloyeditor

7.0 5.4 react-medium-editor VS alloyeditor

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

6.6 5.6 react-medium-editor VS react-contenteditable

React component for a div with editable contents
remirror

6.6 9.6 react-medium-editor VS remirror

ProseMirror toolkit for React 🎉
megadraft

6.5 4.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.7 0.0 react-medium-editor VS ritzy

Collaborative web-based rich text editor
react-trumbowyg

2.7 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.