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 |