import React, { Component } from "react";
import ReactDOM from "react-dom";
import Editor from "draft-js-plugins-editor";
import createMarkdownPlugin from "draft-js-markdown-plugin";
import { EditorState } from "draft-js";
export default class DemoEditor extends Component {
 state = {
 editorState: EditorState.createEmpty(),
 plugins: [
 createMarkdownPlugin({
 features: {
 inline: ["BOLD", "ITALIC", "CODE", "STRIKETHROUGH", "LINK", "IMAGE"],
 block: [
 "header-one",
 "header-two",
 "header-three",
 "header-four",
 "header-five",
 "header-six",
 "ordered-list-item",
 "unordered-list-item"
 ]
 }
 })
 ]
 };
 onChange = editorState => {
 this.setState({
 editorState
 });
 };
 render() {
 return (
 <Editor
 editorState={this.state.editorState}
 onChange={this.onChange}
 plugins={this.state.plugins}
 />
 );
 }
}