Initialize editor with data about medium-draft HOT 3 CLOSED

createEditorState (convertToRaw(rawState));

import React from 'react';
import ReactDOM from 'react-dom';

import 'medium-draft/lib/index.css';
import mediumDraftExporter from 'medium-draft/lib/exporter';
import { convertFromHTML } from 'draft-convert';

// https://github.com/brijeshb42/medium-draft
import {
  Editor,
  createEditorState,
} from 'medium-draft';
import {
  convertToRaw
} from 'draft-js';

export default class TextEditor extends React.Component {

  constructor(props) {
    super(props);

    let editorState;
    if (this.props.text) {
      const rawState = convertToRaw(convertFromHTML(this.props.text));
      editorState = createEditorState(rawState);
    } else {
      editorState = createEditorState();
    }

    this.state = {
      editorState
    };

    // This calls render for every character you type.
    this.onChange = (editorState) => {
      this.setState({ editorState });
    };
  }

  componentDidMount() {
    this.refs.editor.focus();
    this.props.getHtmlCallback(() => this.getHtml());
  }

  getHtml() {
    return mediumDraftExporter(this.state.editorState.getCurrentContent());
  }

  render() {
    return (
      <Editor
        ref='editor'
        editorState={this.state.editorState}
        onChange={this.onChange}
      />
    );
  }
}