text: import React, { Component } from 'react';
  import { EditorState } from 'draft-js';
  import { Editor } from 'react-draft-wysiwyg';
  import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
  
  class TextEditor extends Component {
     constructor(props) {
     super(props);
     this.state = {
       editorState: EditorState.createEmpty()
       };
     }
   onEditorStateChange = editorState => {
      this.setState({ editorState });
   };
  render() {
  const { editorState } = this.state;
  return (
    <div>
      <Editor 
        editorState={editorState}
        wrapperClassName="rich-editor demo-wrapper"
        editorClassName="demo-editor"
        onEditorStateChange={this.onEditorStateChange}
        placeholder="The message goes here..." />
    </div>
  );
  } }
  export { TextEditor };