---
title: 富文本编辑器
sidemenu: true
---

## 富文本编辑器 业务组件

这个组件可以编辑文字和图片，如有视频需求，后期可以加入。

## 图片上传返回值

### 成功返回值
```json
{
    "errno": 0, // 注意：值是数字，不能是字符串
    "data": {
        "url": "xxx", // 图片 src ，必须
        "alt": "yyy", // 图片描述文字，非必须
        "href": "zzz" // 图片的链接，非必须
    }
}
```
### 失败返回值
```json
{
    "errno": 1, // 只要不等于 0 就行
    "message": "失败信息"
}
```
### 示例代码
```tsx
/**
 * background: '#f0f2f5'
 */
import React, {useState} from 'react';
import { Space, Input } from 'antd';
import CustomEditor from '@/components/CustomEditor';

export default () => {
  const [value, setValue] = useState('');
  return (
    <CustomEditor value={value} onChange={(v) => setValue(v)} />
)};
```

<API src="./index.tsx"></API>