Saving my boilerplate code for Draft.js editor and markdown conversion

gistfile1.txt

import React, { Component } from "react";
import { Editor, EditorState, RichUtils, convertToRaw } from "draft-js";
import Markdown from "react-remarkable";
import { stateToMarkdown } from "draft-js-export-markdown";
import "../App.css";

class EntryBox extends Component {
  constructor(props) {
    super(props);
    this.state = {
      editorState: EditorState.createEmpty(),
      markdown: ""
    };
    this.onChange = editorState => {
      this.setState({
        editorState
      });
    };
  }

  _onClick = e => {
    this.onChange(
      RichUtils.toggleInlineStyle(this.state.editorState, e.target.name)
    );
  };

  onSubmit = () => {
    const contentState = this.state.editorState.getCurrentContent();
    this.setState({ markdown: stateToMarkdown(contentState) });
  };

  render() {
    return (
      <div>
        <Markdown source={this.state.markdown} />
        <div className="toolbar" />
        <Editor editorState={this.state.editorState} onChange={this.onChange} />
        <button onClick={this.onSubmit}>Submit</button>
      </div>
    );
  }
}

export default EntryBox;