
## 富文本框

RichEditor 富文本。

## 介绍

富文本框是一种所见即所得的富文本web编辑器，具有轻量，可定制，注重用户体验等特点，允许开发者自由使用和修改代码。提供类似于Microsoft Word 的编
辑功能，不仅可以显示文本，图片等数据，还可对其进行相应的样式编辑。

## API

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| placeholder | 富文本框内的提示信息 | string | 无 |
| content | 富文本框内容 | string/ReactNode | 无 |
| className | 外层容器类名 | string | - |
| wrapperClassName | 内层容器类名 | string | - |
| toolbarClassName | 工具栏类名 | string | - |
| editorClassName | 编辑框类名 | string | - |
| wrapperStyle | 内层容器样式 | object | {} |
| toolbarStyle | 工具栏样式 | object | {} |
| editorStyle | 编辑框样式 | object | {} |
| uploadParams | 图片上传的对象参数 | object | { quickUpload: false,// 是否使用快传；quickUploadUrl: 'api/upload/quick-upload', //快传地址；getOssParamsUrl: 'api/upload/oss-parameters/batch'// 获取上传参数地址} |
| toolbarOnFocus | 工具栏是否只在编辑器获得焦点时显示 | boolean | false |
| readOnly | 编辑框是否为只读模式 | boolean | false |
| onChange | change 事件触发的回调函数 | (val: string): void | - |
| onFocus | 编辑框获得焦点时的回调函数 | function | 无 |
| onBlur | 编辑框失去焦点时的回调函数 | function | 无 |
| imageTypes | 允许上传的图片类型 | array | ['png', 'jpg', 'jpeg', 'gif', 'bmp'] |
| compress | 图片压缩配置 | bool/object | {} |


## 代码演示
- 基本示例

```js
import {CJRichEditor} from '@cjfed/cjfec';

return (
    <CJRichEditor />
)
```