https://github.com/xlsdg/react-simplemde-v1
React component wrap for SimpleMDE Markdown Editor(v1.x)
https://github.com/xlsdg/react-simplemde-v1
react react-component react-simplemde reactjs simplemde
Last synced: 11 months ago
JSON representation
React component wrap for SimpleMDE Markdown Editor(v1.x)
- Host: GitHub
- URL: https://github.com/xlsdg/react-simplemde-v1
- Owner: xlsdg
- License: mit
- Created: 2016-12-07T07:36:02.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-01T12:54:42.000Z (over 7 years ago)
- Last Synced: 2024-11-09T14:06:53.824Z (over 1 year ago)
- Topics: react, react-component, react-simplemde, reactjs, simplemde
- Language: JavaScript
- Homepage: https://simplemde.com/
- Size: 153 KB
- Stars: 8
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-simplemde-v1
> React.js(v16.x+) component wrap for SimpleMDE Markdown Editor(v1.x+)
## Installation
```
$ npm install --save simplemde react-simplemde-v1
```
## Usage
``` javascript
import ISimpleMDE from 'react-simplemde-v1';
import 'simplemde/dist/simplemde.min.css';
export default () => {
const option = {};
const onReady = (instance) => console.log(instance.value());
const onEvents = {
'change': function() {
// the 'this' variable can get SimpleMDE instance
console.log(this.value());
}
};
return (
);
}
```
## propTypes
``` javascript
className: React.PropTypes.string,
style: React.PropTypes.object,
option: React.PropTypes.object.isRequired,
onReady: React.PropTypes.func,
text: React.PropTypes.string,
onEvents: React.PropTypes.object
```
[Read More](https://github.com/NextStepWebs/simplemde-markdown-editor)
## defaultProps
``` javascript
className: 'react-simplemde',
style: {
width: '100%',
height: '100%'
},
text: '',
onReady: instance => {},
onEvents: {}
```
# License
MIT