2020-07-28 10:03:53 +08:00
|
|
|
---
|
|
|
|
|
title: Rich-Text 富文本编辑器
|
2020-07-29 16:20:21 +08:00
|
|
|
description:
|
2020-07-28 10:03:53 +08:00
|
|
|
type: 0
|
|
|
|
|
group: null
|
|
|
|
|
menuName: Rich-Text
|
2020-07-29 16:20:21 +08:00
|
|
|
icon:
|
2020-07-28 10:03:53 +08:00
|
|
|
order: 47
|
|
|
|
|
---
|
2020-07-29 16:20:21 +08:00
|
|
|
|
2020-07-28 10:03:53 +08:00
|
|
|
## 基本用法
|
|
|
|
|
|
|
|
|
|
```schema:height="600" scope="body"
|
|
|
|
|
{
|
|
|
|
|
"type": "form",
|
|
|
|
|
"api": "https://houtai.baidu.com/api/mock2/form/saveForm",
|
|
|
|
|
"controls": [
|
|
|
|
|
{
|
|
|
|
|
"type": "rich-text",
|
|
|
|
|
"name": "rich",
|
|
|
|
|
"label": "Rich Text"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2020-07-29 16:20:21 +08:00
|
|
|
## 配置 buttons
|
2020-07-28 10:03:53 +08:00
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
[
|
2020-07-29 16:20:21 +08:00
|
|
|
'paragraphFormat',
|
|
|
|
|
'quote',
|
|
|
|
|
'color',
|
|
|
|
|
'|',
|
|
|
|
|
'bold',
|
|
|
|
|
'italic',
|
|
|
|
|
'underline',
|
|
|
|
|
'strikeThrough',
|
|
|
|
|
'|',
|
|
|
|
|
'formatOL',
|
|
|
|
|
'formatUL',
|
|
|
|
|
'align',
|
|
|
|
|
'|',
|
|
|
|
|
'insertLink',
|
|
|
|
|
'insertImage',
|
|
|
|
|
'insertTable',
|
|
|
|
|
'|',
|
|
|
|
|
'undo',
|
|
|
|
|
'redo',
|
|
|
|
|
'html'
|
2020-07-28 10:03:53 +08:00
|
|
|
];
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 属性表
|
|
|
|
|
|
|
|
|
|
当做选择器表单项使用时，除了支持 [普通表单项属性表](./formitem#%E5%B1%9E%E6%80%A7%E8%A1%A8) 中的配置以外，还支持下面一些配置
|
|
|
|
|
|
2020-07-29 16:20:21 +08:00
|
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
|
|
|
|
| --------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
|
|
|
|
|
| saveAsUbb | `boolean` | | 是否保存为 ubb 格式 |
|
|
|
|
|
| reciever | [API](../../types/api) | | 默认的图片保存 API |
|
|
|
|
|
| size | `string` | | 框的大小，可设置为 `md` 或者 `lg` |
|
|
|
|
|
| options | `object` | | Object 类型，给富文本的配置信息。请参考 https://www.froala.com/wysiwyg-editor/docs/options |
|
|
|
|
|
| buttons | `Array<string>` | `[ 'paragraphFormat', 'quote', 'color', ' | ', 'bold', 'italic', 'underline', 'strikeThrough', ' | ', 'formatOL', 'formatUL', 'align', ' | ', 'insertLink', 'insertImage', 'insertTable', ' | ', 'undo', 'redo', 'html' ]` | 精度，即小数点后几位 |
|
