React 中使用 braft-editor 富文本编辑器（带上传图片功能）

React 中使用 braft-editor 富文本编辑器（带上传图片功能）

在react中使用富文本编辑器，但是没有上传图片功能，只提供上传接口。

话不多说，上代码。

import React, { Component } from 'react';
import BraftEditor from 'braft-editor';
import { Upload, Icon } from 'antd';
import { ContentUtils } from 'braft-utils';
import { uploadImage } from '@/services/task/list';//这里是上传图片的方法
import 'braft-editor/dist/index.css';
import styles from './index.less';

interface Props {
  value?: any;
  onChange?: () => void;
}
export default class Main extends Component<Props> {
  state = {
    editorState: BraftEditor.createEditorState(''), // 设置编辑器初始内容
    outputHTML: '', // 编辑器输出内容
  };

  componentDidMount() {
    this.setState({
      editorState: BraftEditor.createEditorState(this.props.value),
    });
  }

  handleChange = (ed