> ## 組件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