react 富文本编辑器

react 富文本编辑器demo

1. 下载yarn add braft-editor

   yarn add braft-editor

2. 代码

import 'braft-editor/dist/index.css'
import React from 'react'
import BraftEditor from 'braft-editor'
import { ContentUtils } from 'braft-utils'
import { ImageUtils } from 'braft-finder'
import { PictureOutlined  } from '@ant-design/icons';
import { Button, Card, Upload } from 'antd'

export default class AddCourse extends React.Component {

  state = {
    editorState: BraftEditor.createEditorState(null)
  }

  handleChange = (editorState) => {
    this.setState({ editorState })
  }

  uploadHandler = (param) => {
    // console.log();
    if (!param.file) {
      return false
    }
    this.setState({
      editorState: ContentUtils.insertMedias(this.state.editorState, [{
        type: 'IMAGE',
        url: URL.create