React component wrapper for SimpleMDE.
This is a WIP, if you find this component useful, contributions are appreciated, see issues.
The initialValue prop has been removed and replaced with a value prop, allowing direct changes to the value to be made after the component mounts.
Version 1.0 did not have SimpleMDE options configured well, this readme reflects the changes made to better include options. This is still a very new project. Testing, feedback and PRs are welcome and appreciated.
npm install --save react-simplemde-editor
http://www.benrlodge.com/projects/react-simplemde
or view it locally:
git clone https://github.com/benrlodge/react-simplemde-editor.git
cd react-simplemde-editor
npm install
cd demo
gulp
open browser to localhost:3000
View the demo code for a full example.
Not required, but useless without it, the onChange callback is the only option you need to set.
var React = require('react');
var SimpleMDE = require('react-simplemde-editor');
<SimpleMDE
onChange={this.handleChange}
/>Set additional SimpleMDE options with an options prop.
Note - while SimpleMDE options has an initialValue option, this component only takes a value prop which is set as the initialValue on first render.
var React = require('react');
var SimpleMDE = require('react-simplemde-editor');
<SimpleMDEReact
onChange={this.handleChange}
options={{
autofocus: true,
spellChecker: false,
value: this.state.textValue
// etc.
}}
/>