MdEditor.propTypes = {
  value: String, // the initial markdown string
  onSave: Function(value: Markdown string), // callback function when press 'mod + s' to save content 
  refEditor: Function(editor: Editor), // ref the editor
  readOnly: Boolean, // is editor read only
};

Editor: {
  exec: Function, // execute command to edit
  getValue: Function, // get current markdown value
};

import MdEditor from 'wysiwyg-md-editor';

class Editor extends React.Component {

  refEditor = (editor) => {
    // cache the editor
    this.editor = editor;
  }

  onSave = (value) => {
    uploadMarkdwon(value);
  }

  render() {
    return (
      <MdEditor
        readOnly={false}
        refEditor={this.refEditor}
        onSave={this.onSave}
        value={'## initial content'}
      />
    );
  }
}

editor.exec({type: 'set_header', headerType: 'header_one/two.../paragraph'});

  editor.exec({type: 'format_text', properties: {[ITALIC/CODE/BOLD]: true}});

// set current selection content to blockquote
this.editor.exec({type: 'set_blockquote'});

// set current blockquote to paragraph
editor.exec({type: 'unwrap_blockquote'});

// unwrap current code block
editor.exec({type: 'unwrap_code_block'});

// wrap current selected content to code block
editor.exec({type: 'set_code_block'});

//  wrap current selected content to list
editor.exec({type: 'set_ordered_list/unordered_list'});

// unwrap list
editor.exec({type: `unwrap_ordered_list/unordered_list`});

// insert a new table
editor.exec({type: 'insert_table', data: {rowCount: Number, columnCount: Number});

// inset a new table column when selection is in table
editor.exec({type: 'insert_column'});

// remove a column
editor.exec({type: 'remove_column'});

// insert a new row
editor.exec({type: 'insert_row'});

// remove a table row
editor.exec({type: 'remove_row'});

// set current column align
editor.exec({type: 'set_table_cell_align', align: 'right'/'left'});

// inset a link
editor.exec({ type: 'insert_link', {url, text}});

// set current selected link to text
editor.exec({type: 'unwrap_link'})

// insert image at selection
editor.exec({type: 'insert_image', data: {src: data.url}});

editor.exec({type: 'clear_format'});