ant design pro 加入富文本

                                                                  ant design pro 加入富文本

1.先看一下效果图：

2.先安装相应的包

npm i --save react-draft-wysiwyg
npm i --save draftjs-to-html
npm i --save html-to-draftjs

3.界面引入包和界面代码

import '../../../../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
import { Editor } from 'react-draft-wysiwyg';
import draftToHtml from 'draftjs-to-html';
import htmlToDraft from 'html-to-draftjs';

4.编写相应的css

.demo-editor{
    height: 200px !important;
   border: 1px solid #F1F1F1 !impor