---
title: RichText - 富文本编辑器
nav:
  title: 基础组件
  path: /components
group:
  path: /
---

# RichText 富文本编辑器

## 代码演示

### 常规使用

<code src="./demos/demo.jsx">

### 参数

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| projectId | 项目 ID(通过项目 ID 获取项目人员，可在输入@符号时显示 ) | Number,String | null |
| personList | personList 传任务相关人员列表（如 创建、负责、跟进人），同时传入 projectId,personList,下拉列表默认显示为任务相关人员，加项目人员（做了去重，任务相关人员在最上面） | Array | [] |
| config | 框架 wangEditor 的配置参数 | Object | {} |
| content | 初始内容（内容如果不是初始有的，可调用 setHtml 设置内容） | String | '' |
| fileList | 附件列表 [{name:'xxx.jpg',type:'image/jpg',size:8192,path:'xxxx'}], name 和 path 是必传的，type 为图片可以预览，其它类型文件直接下载 | Array | [] |

## 事件

| 名称         | 描述                                               |
| ------------ | -------------------------------------------------- |
| onChange     | 内容改变回调                                       |
| onChangeFile | 文件改变回调（没有，则工具栏上不显示上传附件按钮） |

## ref事件

| 名称         | 描述                                               |
| ------------ | -------------------------------------------------- |
| setHtml     | 设置内容                                      |
| onClear | 清除内容 |
| getHtml | 获取html字符串 |
| getText | 获取纯内容（不包含标签） |

##  API

api 参考 Antd Table 组件 https://www.wangeditor.com/v4/
