Popularity
4.7
Stable
Activity
0.0
Stable
504
10
93

Programming language: JavaScript
License: MIT License

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.

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

Add another 'Rich Text Editor' Library
InfluxDB high-performance time series database
featured influxdata.com

Popular Comparisons

CodeRabbit: AI Code Reviews for Developers
featured coderabbit.ai

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.