Appearance
editor 编辑器
集成了 wangEditor,wangEditor 文档
基础用法
vue
<script setup lang="ts">
import type { BasicForm } from '@/types/form'
const formConfig = reactive<BasicForm>({
formItems: [
{
label: '',
value: '',
name: '',
type: 'editor',
},
],
})
</script>属性
ts
interface Props {
modelValue: string
mode?: string
height?: string
uploadApi?: string
fieldName?: string
toolbarConfig?: Partial<IToolbarConfig>
editorConfig?: Partial<IEditorConfig>
}| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 编辑器内容 | String | |
| mode | 编辑器模式 | String | simple |
| height | 编辑器高度 | String | 300px |
| uploadApi | 文件上传地址 | String | config.uploadApi |
| fieldName | 文件上传字段名 | String | file |
| toolbarConfig | 工具栏配置 | IToolbarConfig | |
| editorConfig | 编辑器配置 | IEditorConfig |
