markdown

React component wrap for SimpleMDE Markdown Editor

Nov 25, 2018
React component wrap for SimpleMDE Markdown Editor

react-simplemde-v1

React.js(v16.x+) component wrap for SimpleMDE Markdown Editor(v1.x+).

View Demo Download Source

Installation

$ npm install --save simplemde react-simplemde-v1

Usage

import ISimpleMDE from 'react-simplemde-v1'; import 'simplemde/dist/simplemde.min.css'; const option = {}; const onReady = function(instance) { console.log(instance.value()); }; const onEvents = { 'change': function() { // the 'this' variable can get SimpleMDE instance console.log(this.value()); } }; return ( <ISimpleMDE option={option} text={'Hello World!!!'} onReady={onReady} onEvents={onEvents} /> );

propTypes

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

defaultProps

className: 'react-simplemde', style: { width: '100%', height: '100%' }, text: '', onReady: function(instance) {}, onEvents: {}

GitHub

Recommended