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 webpackrequire('medium-editor/dist/css/medium-editor.css');require('medium-editor/dist/css/themes/default.css');// ES moduleimportEditorfrom'react-medium-editor';// CommonJS enviroment// var Editor = require('react-medium-editor').default;varApp=React.createClass({getInitialState(){return{text: 'Fusce dapibus, tellus ac cursus commodo'};},render(){return(<divclassName="app"><h1>react-medium-editor</h1><h3>Html content</h3><div>{this.state.text}</div><h3>Editor #1 (&lt;pre&gt; tag)</h3><Editortag="pre"text={this.state.text}onChange={this.handleChange}options={{toolbar: {buttons: ['bold','italic','underline']}}}/><h3>Editor #2</h3><Editortext={this.state.text}onChange={this.handleChange}/></div>);},handleChange(text,medium){this.setState({text: text});}});

License

MIT