DraftView.js 1.2 KB
import React, { Component, Fragment } from 'react';
import {
  Editor
} from 'draft-js';
import { changeToDraftState } from '../utils/myutils'
import MyBlockRenderer from './MyBlockRender'
import moment from 'moment'
export default class DraftView extends Component {
  constructor(props) {
    super(props);

    this.setEditor = (editor) => {
      this.editor = editor;
    };

    this.focusEditor = () => {
      if (this.editor) {
        this.editor.focus();
      }
    }
    
    this.state = {
      editorState: changeToDraftState(this.props.currentObj.blocks),
    }


  }

  render() {
    const { currentUserId, currentObj,style ,customHeader} = this.props

    return (
      <div style={style} >
     
     {customHeader? customHeader:<div><p style={{fontSize:20,textAlign:"center"}}>{currentObj.title}</p>
              <p >发布时间:{currentObj.createTime ? moment(currentObj.createTime).format("YYYY-MM-DD") : moment().format("YYYY-MM-DD")}</p></div> }
        <Editor key={currentUserId}
          readOnly={true}
          blockRendererFn={MyBlockRenderer.bind(this, true, currentUserId,null,null)}
          ref={this.setEditor}
          editorState={this.state.editorState}

        />
      </div>

    );
  }
}