富文本编辑器

1.导入富文本编辑器组件

import ReactQuill from 'react-quill'

2.导入富文本编辑器样式

import 'react-quill/dist/quill.snow.css'

 示例代码：

const modules = {
        toolbar: [
            [ { header: [ 1, 2, 3, 4, 5, false ] }, {} ],
            [ 'bold', 'italic', 'underline', 'strike', 'blockquote' ],
            [ { list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' } ],
            [ 'link', 'image' ],
            [ 'clean' ],
            [ { color: [] }, { background: [] } ]
        ]
    }
<ReactQuill modules={modules} style={{height: 200}}/>

加密，将图片转为编码储存

encodeURIComponent( )；

解密，将图片编码，转化为图片

decodeURIComponent( )；