React wrapper for medium-editor
npm install react-medium-editorFor better rich text editing with react, check draft-js.
sh
npm install react-medium-editor --save
`
$3
javascript
// 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 (
react-medium-editor
Html content
{this.state.text}
Editor #1 (<pre> tag)
text={this.state.text}
onChange={this.handleChange}
options={{toolbar: {buttons: ['bold', 'italic', 'underline']}}}
/>
Editor #2
onChange={this.handleChange}
/>
);
}, handleChange(text, medium) {
this.setState({text: text});
}
});
``