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.
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. -
alloyeditor
WYSIWYG editor based on CKEditor with completely rewritten UI. -
react-contenteditable
React component for a div with editable contents.
Get performance insights in less than 4 minutes
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of react-medium-editor or a related project?
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 (<pre> 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.