> ## 组件wl-tinymce使用文档
```
<wl-tinymce
v-model="content"
:height="height"
:getSignUrl="getSignUrl"
:uploadUrl="uploadUrl"
:format="format"
:fileSuffix="fileSuffix"
:rootDir="rootDir"
:fileName="fileName"
:fileDir="fileDir"
></wl-tinymce>
```
### wl-tinymce props
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| content | 富文本内容 | String | 内容 |
| height | 文本框高度 | Number | 200 |
| getSignUrl | 获取图片签名地址 | String | 无 |
| uploadUrl | 图片上传地址 | String | 无 |
| format | 支持图片格式 | Array | ['jpg', 'jpeg', 'png', 'csv'] |
| fileSuffix | 文件后缀 | String | 'png' |
| rootDir | 图片根目录路径 | String | 'house' |
| fileName | 文件名(暂不生效) | String | 'md5' |
| fileDir | 文件夹名 | String | 'Wl' |
#### 备注说明
> 添加图片的逻辑是先获取签名,后上传图片,用的是现有图片上传逻辑。根据组件特征,每次添加一张图片。
- 编写模版
- 模态框 wl-modal
- 富文本框 wl-tinymce
- 国家选择下拉框 wl-select-country
- 时间轴 wl-timeline
- 国籍选择下拉框 wl-select-nationality
- 时间及时间段选择器 wl-timepicker
- 日期及日期段选择器 wl-datepicker
- 自定义内容下拉框 wl-select-custom
- excel下载组件 wl-down-excel
- 多选框 wl-checkbox
- 多选下拉框 wl-select-mutiple
- 柱状图 wl-bar-chart
- 折线图 wl-line-chart
- 饼图 wl-pie-chart
- pdf预览并下载 wl-pdf-download
- excel导入 wl-import-excel
- 生成二维码 wl-create-qrcode
- 流程预览 wl-flow-viewer
- 级联选择城市 wl-select-city
- 图片预览 wl-viewer-show-img
- 业务综合组件
- 接口管理wl-inter-face-page
- 系统异常微信通知wl-try-catch-notice
- 地图组件 wl-map